我得到了一个输入框,我用:focus
和:hover
对其进行了样式设计。当输入框被:focus
选中时,我不想让鼠标悬停在输入框上时触发:hover
样式。
我该如何设计样式呢?
我的CSS代码如下:
.form-control:hover {
border-color: #a9a9a9;
}
.form-control:focus {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(102,175,233,.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(102,175,233,.6);
}