如何在将鼠标悬停在

发布于 2024-12-25 11:13:06 字数 295 浏览 1 评论 0原文

查看我的网站时,光标仅针对 标签变为戴手套的手,而不是

这是我的代码(按钮标签在 css3 中的 id 为#more)。

 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
}

When viewing my site, the cursor only changes to the gloved hand for <a> tags, not <button> tags. Is there a reason for this?

Here is my code (the button tags have an id of #more in css3).

 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

夕嗳→ 2025-01-01 11:13:06

看:
https://developer.mozilla.org/en-US/docs/Web /CSS/cursor

因此您需要添加: cursor:pointer;

在您的情况下使用:

#more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

这会将光标应用于 ID 为“more”的元素(只能使用一次)。因此,在 HTML 使用中,

<input type="button" id="more" />

如果您想将其应用于多个按钮,那么您有不止一种可能性:

使用 CLASS

.more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

并在 HTML 中使用

<input type="button" class="more" value="first" />
<input type="button" class="more" value="second" />

应用于 html 上下文

input[type=button] {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

并在您的 HTML 中使用

<input type="button" value="first" />
<input type="button" value="second" />

see:
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

so you need to add: cursor:pointer;

In your case use:

#more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

This will apply the curser to the element with the ID "more" (can be only used once). So in your HTML use

<input type="button" id="more" />

If you want to apply this to more than one button then you have more than one possibility:

using CLASS

.more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

and in your HTML use

<input type="button" class="more" value="first" />
<input type="button" class="more" value="second" />

or apply to a html context:

input[type=button] {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

and in your HTML use

<input type="button" value="first" />
<input type="button" value="second" />
鼻尖触碰 2025-01-01 11:13:06

只需添加此样式:

cursor: pointer;

默认情况下不会发生这种情况的原因是因为大多数浏览器仅保留链接的指针(也许我忘记了其他一些事情,但通常不是

有关 cursor 属性的更多信息:https://developer.mozilla.org/en/CSS/cursor

我通常默认将其应用于

注意:我刚刚发现了这个:

按钮标签的 ID 为 #more

每个元素都有自己唯一的 id,这一点非常重要,不能有重复项。请改用 class 属性,并将选择器从 #more 更改为 .more。这实际上是一个很常见的错误,也是这里提出的许多问题和疑问的原因。越早学习如何使用 id 就越好。

Just add this style:

cursor: pointer;

The reason it's not happening by default is because most browsers reserve the pointer for links only (and maybe a couple other things I'm forgetting, but typically not <button>s).

More on the cursor property: https://developer.mozilla.org/en/CSS/cursor

I usually apply this to <button> and <label> by default.

NOTE: I just caught this:

the button tags have an id of #more

It's very important that each element has it's own unique id, you cannot have duplicates. Use the class attribute instead, and change your selector from #more to .more. This is actually quite a common mistake that is the cause of many problems and questions asked here. The earlier you learn how to use id, the better.

萌化 2025-01-01 11:13:06

你所需要的只是使用 CSS 的属性之一,即---->

光标:指针

只需在 css 中使用此属性,无论其内联、内部或外部

(例如内联 css)

<form>
<input type="submit" style= "cursor:pointer" value="Button" name="Button">
</form>

All u need is just use one of the attribute of CSS , which is---->

cursor:pointer

just use this property in css , no matter its inline or internal or external

for example(for inline css)

<form>
<input type="submit" style= "cursor:pointer" value="Button" name="Button">
</form>
温暖的光 2025-01-01 11:13:06
 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
    cursor: pointer;
}
 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
    cursor: pointer;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文