セレクトボックスの枠線が表示されないです。

Question

セレクトボックスを作成しているのですが、セレクトボックスの枠線が表示されません。
なぜでしょうか？

セレクトボックスのclassのCSS　eにborderをコードを記載。　また、selectにもborderのコードを記載しています。なぜこれで表示されないのでしょうか？

回答よろしくお願いいたします。

<div class="ca">
          <select class="e">
            <option value="">選択する</option>
            <option>あ</option>
            <option>ｓ」</option>
          </select>
 </div>

.ca{
 
  border: 2px yellow;
  box-sizing: border-box;
  width: 100%;
  max-width: 430px;
}

.e{
  max-width: 430px;
  width: 100%;
  box-sizing: border-box;
  border: 3px red;
  text-align: center;
  
}
select{
  max-width: 430px;
  width: 100%;
  box-sizing: border-box;
  border: 3px red;
  text-align: center;
  
}

Answer 1

border: 3px red;

<line-style> が指定されていないため、border-style: none 相当になってます。border: solid 3px red; のようにスタイルを指定しましょう。

Comments

[mnjufgt]

ありがとうございました。そうなのですね。ありがとうございました。

Answer 2

線の種類が指定されていません。
https://developer.mozilla.org/ja/docs/Web/CSS/border-style

Comments

[mnjufgt]

遅くなってすみません。ありがとうございました。