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; }
在页面设计中,去除Input元素的选中样式可以更好的控制页面的美观度和风格。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。