ホームページ  >  記事  >  ウェブフロントエンド  >  CSS は選択ドロップダウン矢印スタイルを削除します

CSS は選択ドロップダウン矢印スタイルを削除します

高洛峰
高洛峰オリジナル
2017-03-02 15:48:241899ブラウズ

これ以上ナンセンスではありません。具体的なコードは次のとおりです。

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; }

ご質問があれば、コードはここにあります。 、ようこそメッセージを残してください。編集者がすぐに返信します。

選択ドロップダウン矢印スタイルの削除に関するその他の CSS 関連記事については、PHP 中国語 Web サイトに注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。