jquery - 更改 jQtransform 下拉菜单的字体大小

Question

我似乎完全无法更改 jQtransform 下拉菜单的字体大小。我正在使用默认的 h5bp css 文件，尽管那个 dosn`t 似乎不会引起问题(我非常怀疑)。我的表格看起来像这样

                   <form id="qstart" class="cssform" action="">

<select name="select">    
    <option value="opt1" >Anyone can join, at anytime</option>

    <option value="opt2">Send invitations to people I want to join</option>
    <option value="opt3">Allow people to apply to the group at anytime, but I'll approve who gets in</option>
</select>
    <br/>
<div style="text-align:center;display:block;">
    <br/>
<input type="submit" value="LET'S GO! WOOO!" />
</div>

</form>

当我尝试

      .cssform select{
            font-size:20px !important;
    }
.cssform select option{
            font-size:20px !important;
    }

所有改变的只是选择框的宽度。有什么建议吗？

Answer 1

jQtransform 隐藏了你原来的 <select>元素并用它自己的 HTML 替换它以重现它的行为。

在初始化 jQtransform 并根据 CSS 代码设置这些元素的样式后，您需要查看将哪些 HTML 代码添加到 DOM。