微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css去除img的间隙

CSS去除Input选中样式

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元素的提示框、边框和背景。

页面设计中,去除Input元素的选中样式可以更好的控制页面的美观度和风格。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。