我在焦点上的文本框中添加了一个漂亮的框轮廓,但想在悬停时添加一个灰色轮廓,但我遇到了一个问题。当未选择文本框时,我需要在悬停时显示该框。有什么办法吗?谢谢。 =)
input:focus{
outline: none;
box-shadow: 0px 0px 5px #61C5FA;
border-color: #5AB0DB;
}
input:hover {
border: 1px solid #999;
border-radius: 5px;
}
最佳答案
input[type="text"]:focus{
outline: none;
box-shadow: 0px 0px 5px #61C5FA;
border:1px solid #5AB0DB;
}
input[type="text"]:hover{
border: 1px solid #999;
border-radius: 5px;
}
input[type="text"]:focus:hover{
outline: none;
box-shadow: 0px 0px 5px #61C5FA;
border:1px solid #5AB0DB;
border-radius:0;
}
http://jsfiddle.net/calder12/jCaGp/1/
我强烈建议按照上面的方式设置类型,否则每个输入元素(按钮、选择等)都会产生这些效果。
关于css - 文本框 CSS 悬停/焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13056207/