当查看"我的站点"时,光标只会变成<a>
个标签的戴手套的手,而不是<button>
个标签.这是有原因的吗?
以下是我的代码(按钮标记在CSS3中的id为#more).
#more {
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
}
当查看"我的站点"时,光标只会变成<a>
个标签的戴手套的手,而不是<button>
个标签.这是有原因的吗?
以下是我的代码(按钮标记在CSS3中的id为#more).
#more {
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
}
请参见: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor个
所以你需要加上:cursor:pointer;
在您的 case 中,请使用:
#more {
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;
}
这将把游标应用于ID为"more"的元素(只能使用一次).所以在你的HTML使用中
<input type="button" id="more" />
如果要将此应用于多个按钮,则有多种可能性:
using 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" />
或apply to a html context:
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" />