Как установить приглашение по умолчанию, когда ничего не выбрано для "select" с помощью css

Можно ли задать приглашение по умолчанию, когда ничего не выбрано для выбора поля с помощью css? или есть элегантный способ справиться с этим, кроме

 <option>Select Here</option>?

Ответы

Ответ 1

Попробуйте следующее:

<select>
    <option value="" disabled>Select one--</option>
    <option value="someVal1">Option 1</option>
    <option value="someVal2">Option 2</option>
    <option value="someVal3">Option 3</option>
    <option value="someVal4">Option 4</option>
</select>

Ответ 2

Принятый ответ не работал у меня, как ожидалось.

Если вам нужно выбрать "Выбрать один вариант" по умолчанию, это сработало для меня

<select id="selected_option" name="selected_option">
     <option value="default" selected="selected">Select one option </option>
     <option value="someVal1">Option 1</option>
     <option value="someVal2">Option 2</option>
     <option value="someVal3">Option 3</option>
     <option value="someVal4">Option 4</option>
</select>

Также важно, чтобы выберите id и имя, поэтому, когда вы отправляете форму, значение будет частью POST или GET

Ответ 3

Попробуйте использовать параметр с неустановленным значением

<select>    
    <option value>Select something</option>
    <option value="1">Foo</option>
    <option value="2">Bar</option>
</select>

Ответ 4

                        <select>
                            <option style="display:none">Empty</option>
                            <option>button1</option>
                            <option>button2</option>
                        </select>