zoukankan      html  css  js  c++  java
  • [CSS 3] Using CSS attribute selector

    For example, we have single selector and multi selector:

    <div class="form-group">
      <label for="standard-select">Standard Select</label>
      <div class="form-field select">
        <select id="standard-select" name="standard-select">
          <option value="Option 1">Option 1</option>
          <option value="Option 2">Option 2</option>
          <option value="Option 3">Option 3</option>
          <option value="Option 4">Option 4</option>
          <option value="Option 5">Option 5</option>
          <option value="Option length">
            Option that has too long of a value to fit
          </option>
        </select>
      </div>
    </div>
    
    <div class="form-group">
      <label for="multi-select">Multiple Select</label>
      <div class="form-field select select--multiple">
        <select id="multi-select" name="multi-select" multiple>
          <option value="Option 1">Option 1</option>
          <option value="Option 2">Option 2</option>
          <option value="Option 3">Option 3</option>
          <option value="Option 4">Option 4</option>
          <option value="Option 5">Option 5</option>
          <option value="Option length">
            Option that has too long of a value to fit
          </option>
        </select>
      </div>
    </div>

    If you just want to target 'mutiple' select, you can do in scss:

        select {
            &[multiple] {
                padding-right: 0;
            }
        }
  • 相关阅读:
    Mysql探索之索引详解,又能和面试官互扯了~
    POJ 1163
    POJ 1157
    POJ 1143
    POJ 1164
    HDU 2553
    POJ 1321
    POJ 1125
    POJ 2488
    POJ 3083
  • 原文地址:https://www.cnblogs.com/Answer1215/p/14484017.html
Copyright © 2011-2022 走看看