Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改select2选项的字体大小和宽度_Javascript_Html_Css_Jquery Select2 - Fatal编程技术网

Javascript 更改select2选项的字体大小和宽度

Javascript 更改select2选项的字体大小和宽度,javascript,html,css,jquery-select2,Javascript,Html,Css,Jquery Select2,一点背景。我有一个页面,其中包含一个表,每个列都可以被过滤。过滤器输入存在于表中,th标记的正下方。我正在尝试添加一个select2选项来搜索和选择某个列的多个值,Ticker。然而,我在select2样式中得到了奇怪的结果。具体来说,select2的文本太大,而select太窄 我使用的是Django,因此Select标记中有一些模板 <td class='ticker-select' style='width: 150px'> <select id='{{headi

一点背景。我有一个页面,其中包含一个表,每个列都可以被过滤。过滤器输入存在于表中,
th
标记的正下方。我正在尝试添加一个select2选项来搜索和选择某个列的多个值,Ticker。然而,我在select2样式中得到了奇怪的结果。具体来说,select2的文本太大,而select太窄

我使用的是Django,因此Select标记中有一些模板

<td class='ticker-select' style='width: 150px'>
    <select id='{{heading}}-input' name='{{heading}}[]' class='filter filter-input form-control multi-select' style="width: 100%" multiple='multiple'>
        {% for ticker in tickers %}
            <option value='{{ticker}}' style='font-size: 10px;'>{{ticker}}</option>
        {% endfor %}
    </select>
</td>

{ticker%中的ticker为%1}
{{ticker}}
{%endfor%}
似乎有某种原因导致将内联样式附加到select的输入。 输入和选项的字体大小也被设置得太大

不幸的是,这是我现在所能提供的,但如果你还需要什么,请询问。 我使用select2 4.0.12作为CDN