html 去掉input 获取焦点时的边框

html中,当input标签获取焦点的时候(例如,当光标放在input框中准备输入值时), input标签外围会出现边框,有的时候我们需要去掉这个边框,可以使用css的outline:none;属性将其去掉

没有加outline:none;属性时,效果如下:

此时只需要在为inpu加上style="outline:none;"属性即可去掉边框。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

页面设计中,我们可能需要对input checkbox元素定义样式。这篇文章是关于input checkbox自定义样式的css实例。希望对大家有帮助。
在Iphone的Safari浏览器下查看网页时, 会看到input框有圆角,但其他浏览器上没有圆角,如果希望页面在所有浏览器上看的效果一致,可以在input样式下加上这段css代码
请在各浏览器里查看以下input的显示效果! 解决后显示效果! 具体代码 .button{ margin:0; padding:0 0.25em; width:auto; *width:1;/*宽度不带单位我是第一次见,不知道其作用!- -!*/ overflow:visible; } 还有一个问题就是input的文字垂直居中问题,这里引