首页  >  文章  >  后端开发  >  关于表单赋予的默认样式的详细介绍

关于表单赋予的默认样式的详细介绍

巴扎黑
巴扎黑原创
2017-06-11 14:16:481250浏览

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

1. 如何使用css去除浏览器对表单赋予的默认样式

关于表单赋予的默认样式的详细介绍

简介:我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在Chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,

【相关问答推荐】:

以上是关于表单赋予的默认样式的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn