如何在将鼠标悬停在
查看我的网站时,光标仅针对 标签变为戴手套的手,而不是
这是我的代码(按钮标签在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
看:
https://developer.mozilla.org/en-US/docs/Web /CSS/cursor
因此您需要添加:
cursor:pointer;
在您的情况下使用:
这会将光标应用于 ID 为“more”的元素(只能使用一次)。因此,在 HTML 使用中,
如果您想将其应用于多个按钮,那么您有不止一种可能性:
使用 CLASS
并在 HTML 中使用
或应用于 html 上下文:
并在您的 HTML 中使用
see:
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
so you need to add:
cursor:pointer;
In your case use:
This will apply the curser to the element with the ID "more" (can be only used once). So in your HTML use
If you want to apply this to more than one button then you have more than one possibility:
using CLASS
and in your HTML use
or apply to a html context:
and in your HTML use
只需添加此样式:
默认情况下不会发生这种情况的原因是因为大多数浏览器仅保留链接的指针(也许我忘记了其他一些事情,但通常不是
有关
cursor
属性的更多信息:https://developer.mozilla.org/en/CSS/cursor我通常默认将其应用于
注意:我刚刚发现了这个:
每个元素都有自己唯一的
id
,这一点非常重要,不能有重复项。请改用class
属性,并将选择器从#more
更改为.more
。这实际上是一个很常见的错误,也是这里提出的许多问题和疑问的原因。越早学习如何使用id
就越好。Just add this style:
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/cursorI usually apply this to
<button>
and<label>
by default.NOTE: I just caught this:
It's very important that each element has it's own unique
id
, you cannot have duplicates. Use theclass
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 useid
, the better.你所需要的只是使用 CSS 的属性之一,即---->
光标:指针
只需在 css 中使用此属性,无论其内联、内部或外部
(例如内联 css)
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)