php - 如何样式下拉列表？

Question

如何将 css 样式添加到此表单的下拉列表中？我在互联网上搜索了很多，但没有找到有用的结果。谢谢

    echo  "<form method='post' action='advisor.php?view=$view'>
    Select Student: <select name='data'>";
    while($row = mysqli_fetch_array($query))
        {

                    echo "<option value=\"".$row[3] . "\">".$row[0] ." " . $row[1] . " (".$row[3].")".
                    "</option>";
        }
      echo    " </select>
        <input type='submit' name='submit' class='buttonM' value='Show Questions' />
        </form>";
     }

Answer 1

看看这个 - http://bavotasan.com/2011/style-select-box-using-only-css/

html

<div class="styled-select">
   <select>
      <option>Here is the first option</option>
      <option>The second option</option>
   </select>
</div>

css

.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
}

对于更精细的样式，您需要使用 javascript - 像这样http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/

Answer 2

如果您的意思是“我如何在表单元素中设置可选选项的样式？”，那么您将很难过。你不能使用纯 CSS 来实现这一点。你可以创建一个“

" 下拉菜单来实现你想要的视觉效果，但这要看你的表单是做什么用的，真的...