去除select的默认样式
select{
border:none;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
注意:appearance属性:
1.所有主流浏览器都不支持 appearance 属性。
2. Firefox 支持替代的 -moz-appearance 属性。
3. Safari 和 Chrome 支持替代的 -webkit-appearance 属性。
定义和用法:appearance 属性允许您使元素看上去像标准的用户界面元素。
详细的可看:https://www.w3cplus.com/css3/changing-appearance-of-element-with-css3.html
去掉input的默认样式
input{
border:none;// 去除未选中状态边框
outline:none;// 去除选中状态边框
//box-shadow:none;
}
注意:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
关于换行的样式
word-break:break-all;//英文换行
word-wrap:break-word;
white-space:pre-wrap;//中文换行
:nowrap;//中英文换行
单行文本溢出
{
overflow:hidden;
white-space:nowrap;//文本不换行
text-overflow:ellipsiss;//显示省略号来代表被修剪的文本
}