Heim >Web-Frontend >CSS-Tutorial >CSS entfernt den ausgewählten Dropdown-Pfeilstil

CSS entfernt den ausgewählten Dropdown-Pfeilstil

高洛峰
高洛峰Original
2017-03-02 15:48:241944Durchsuche

Okay, das ist das Ende Ich hoffe, es hilft allen. Wenn Sie Fragen haben, hinterlassen Sie bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten!

Weitere CSS-bezogene Artikel zum Entfernen des ausgewählten Dropdown-Pfeilstils finden Sie auf der chinesischen PHP-Website!
select {   
  /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
  border: solid 1px #000;   
  /*很关键:将默认的select选择框样式清除*/
  appearance:none;   
  -moz-appearance:none;   
  -webkit-appearance:none;   
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll rightright center transparent;   
  /*为下拉小箭头留出一点位置,避免被文字覆盖*/
  padding-right: 14px;   
}   
/*清除ie的默认选择框样式清除,隐藏下拉箭头*/
select::-ms-expand { display: none; }

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn