软录 · 2023年9月12日

mozappearance|在css中如何去除input标签的默认样式

『壹』 在css中,如何去除input标签的默认样式

默认抄输入框聚焦袭样式去除方法: input:focus{ outline:none }如果要完全重写可以在css中写 例如input{ border:2px solid #e36514 ; width:245px ; height: 25px; }

『贰』 怎么设置<select>下拉列表的背景和下拉的小三角样式

css设置下拉列表(select)样式:

首先需要获取到这个元素的id或者是class,然后在通过给这个元素设置它的width和height等等一些样式,具体的看代码:

<html><head><style>.div1{width:600px;height:200px;font-size:13px;}.divselect{width:200px;}.divselectoption{width:150px;height:30px;}</head><body><divclass='div1'><select><optionvalue="volvo">Volvo</option><optionvalue="saab">Saab</option><optionvalue="opel">Opel</option><optionvalue="audi">Audi</option></select></div></body></html>