4

今、私はシンプルなデータリスト ドロップ ダウン メニューを持っています。その CSS を変更して、スタイルが Web サイトの残りのフィールドと一致するようにしたいと考えています。しかし、私はウェブデザインの初心者であり、このプロセスを完了するのに少し混乱しています.

参照: http://jsfiddle.net/ryax5L29/20/

<input list="ServiceCity">
<datalist id="ServiceCity" name="ServiceCity"class = "atl_services">
            <option value "" disabled selected>Select City/County</option>
            .......other values
        </datalist>

これは私が使いたいCSSです

input{
    padding: 7px;
    outline: none;
    max-width: 100%;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    width: 88.5%;
    border: 1px solid GREY;
    box-shadow: 0px 0px 3px GREY;
    }

そこにもCSSがあります。CSSをインライン化するのが最も簡単ですが、誰かが私を案内してくれれば、それは素晴らしいことです!

4

2 に答える 2

0

以下に示すように、リスト入力に名前属性を指定し、完全に機能する名前でcss入力も追加しました。

<input list="ServiceCity" name="service-city">
<datalist id="ServiceCity" name="ServiceCity"class = "atl_services">
            <option value "" disabled selected>Select City/County</option>
            .......other values
        </datalist>

CSS コードは次のとおりです。

input[name="service-city"] {
  border: 2px solid orange;
  border-radius: 10px 10px 10px 10px;
  font-size: 18px;
  padding: 5px;
  height: 35px;
  width: 350px;
}

ありがとうございました、

于 2021-03-03T12:43:00.230 に答える