【问题标题】:Reset default styling of Select Dropdown重置 Select Dropdown 的默认样式
【发布时间】:2012-12-27 17:55:03
【问题描述】:

我正在创建一个网站,无论我做什么,当我在我的 Mac 上查看它时,我都无法设置选择下拉菜单的样式。我能做些什么?是否有某个脚本可以重置默认样式?

【问题讨论】:

    标签: html css macos select


    【解决方案1】:

    这对我有用:

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    select::-ms-expand {
        display: none;
    }
    

    【讨论】:

      【解决方案2】:

      要重置所有默认值,您可以在代码中简单地添加此 css。

      /* http://meyerweb.com/eric/tools/css/reset/ 
         v2.0 | 20110126
         License: none (public domain)
      */
      
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed, 
      figure, figcaption, footer, header, hgroup, 
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
          margin: 0;
          padding: 0;
          border: 0;
          font-size: 100%;
          font: inherit;
          vertical-align: baseline;
      }
      /* HTML5 display-role reset for older browsers */
      article, aside, details, figcaption, figure, 
      footer, header, hgroup, menu, nav, section {
          display: block;
      }
      body {
          line-height: 1;
      }
      ol, ul {
          list-style: none;
      }
      blockquote, q {
          quotes: none;
      }
      blockquote:before, blockquote:after,
      q:before, q:after {
          content: '';
          content: none;
      }
      table {
          border-collapse: collapse;
          border-spacing: 0;
      }
      

      字体:http://meyerweb.com/eric/tools/css/reset/reset.css

      【讨论】:

      • 此重置 css 中未提及选择标签。所以这无济于事......
      • 这根本不回答 OP 的问题
      猜你喜欢
      • 2021-05-12
      • 2021-11-19
      • 2021-07-06
      • 1970-01-01
      • 2017-09-11
      • 2022-06-27
      • 2014-02-15
      • 1970-01-01
      • 2012-03-18
      相关资源
      最近更新 更多