我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,并且在火狐及谷歌浏览器下,多行文本框textarea还可以自由拖拽拉大,另外还有在ie10下,当文本框输入内容后,在文本框的右侧会出现一个小叉叉,等等。不容置疑,这些效果是在用户体验上得到了提升,但有些时候我们并不需要这些默认的样式,那怎么办呢?下面我们就来分别看一下解决办法。1、去除chrome等浏览器文本框默认发光边框input:focus, textarea:focus {
outline: none;
} 去掉高光样式:input:focus{
-webkit-tap-highlight-col
1. 如何使用css去除浏览器对表单赋予的默认样式
简介:我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,
【相关问答推荐】:
以上就是关于表单赋予的默认样式的详细介绍的详细内容。