Я не уверен, что это даже возможно, но у меня есть случай, когда мне бы хотелось выделить полужирный текст часть (не все) текста в пределах опции тега select HTML.
Я пробовал использовать теги b, а также сильные теги, без везения (в Chrome). CSS может работать, но поскольку он работает на уровне элемента, я не уверен, как это сделать.
Есть ли способ сделать это?
Нет; это невозможно.
Вместо этого вы можете создать поддельный выпадающий список, используя Javascript.
поскольку хром не допускает выделение жирным шрифтом в теге option. вы можете использовать свойство text-shadow, например
text-shadow: 0px 0px 0px black;
он придаст такой же вид жирным шрифтом и будет работать во всех браузерах
Я думаю, что слишком поздно, но эта работа для меня работала. Примените свойство "font-weight: bolder" к тегу опций, чтобы текст внутри него полужирный, без использования каких-либо html-тегов.
<option value="optionValue" class="bold-option">
.bold-option{font-weight: bolder;}
Нет, это невозможно. У вас есть два варианта:
1) Используйте <optgroup>, чтобы создать описательный заголовок для того, что вы делаете (вряд ли это поможет).
2) Имитируйте раскрывающееся меню с помощью JavaScript. Я не уверен, но я думаю, что пользовательский интерфейс jQuery может иметь раскрывающееся меню script.
Простое решение:
<select>
<option>Simple</option>
<option class='bolden'>Bold</option>
<option>Simple</option>
</select>
<style>
.bolden{font-family:"Arial Black"}
</style>
Пример: https://jsfiddle.net/hnzhbz69/
Жирным шрифтом выделен n-й вариант.
В css нет способа сделать это. Если требуется еще различие между параметрами, используйте цвет и фон.
.diff-option {
color : grey;
}
.other-options{
color:white
background: ...
}
Попробуйте обернуть текст <span id="wrap">Some text</span> в css, сделайте это
#wrap {font-weight: bold}
Ну, вы можете использовать <strong> или <b> в firefox, но он не будет работать в Chrome или в IE (не cheked any other)