CSS去除Input选中样式
在HTML表单中使用input元素时,当用户点击选中该元素时,会出现默认的选中样式,比如背景色的变化,边框的出现等等,这些样式可能会影响网页的美观度。下面介绍CSS如何去除Input元素的选中样式。
input:focus{ outline: none; }
当Input元素被选中时,使用:focus伪类可以控制该元素的样式,其中outline:none表示去除元素的外边框。
除此之外,还可以使用关键字transparent或者Box-shadow:none去除元素的提示框样式,具体代码如下:
input::-moz-focus-inner{ border:0; padding:0; } input[type="text"],input[type="password"],textarea{ outline:none; border:none; background:transparent; border-bottom:1px solid #eee; Box-shadow:none; }