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元素的选中样式可以更好的控制页面的美观度和风格。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效