我想更改选项标签的font-family但它不起作用。是没有javascript可能，如果是的话请解释

Question

我有这个下拉列表：

它的代码如下：

<select name="pro_cat_id[]" id="pro_cat_id[]" class="form-control" placeholder="Username">
                    <option value="-1">Select</option>

                    <option style="font-family:Shivaji01; font-size:20px;" value="1">Police Station 1</option>
                    <option style="font-family:Shivaji01; font-size:20px;" value="2">Police Station 2</option>


                                </select>

我已经编写了代码，但它没有用。还使用内部和外部CSS但不起作用。

内联删除时链接CSS：

    select > option{
    font-family:Shivaji01;
    color:red;
   font-size:20px;
   }

我尝试了两种方式，但没有工作，所以请有人为此解决问题吗？

Answer 1

您使用的字体似乎不是标准字体，这意味着该字体在最终用户计算机上无法使用。因此，在将CSS用于CSS之前，必须先嵌入字体。

要通过CSS嵌入字体，请按照以下步骤操作。  1.首先下载字体（＆＃39; Shivaji01＆＃39;）.eot和.ttf版本。  2.通过创建＆＃34;字体＆＃34;将字体添加到应用程序中。与样式表位于同一目录中的目录，并将.eot和.ttf文件放在fonts目录中。  3.在样式表中嵌入字体如下。

@font-face {
    font-family: 'Shivaji';
    src: url('fonts/Shivaji01.eot'), url('fonts/Shivaji01.ttf') format('truetype');
    font-weight: normal; //
    font-style: normal;
}

1. 在CSS中使用嵌入字体。

select > option{
        font-family:'Shivaji';
        color:red;
       font-size:20px;
       }

1. 删除您提供给＆＃34;选项的内联样式＆＃34;标签

现在应该可以了。

您可以从Google了解有关字体嵌入的更多信息，或者从以下链接开始：https://www.w3schools.com/css/css3_fonts.asp