Частичный жирный текст в формате HTML

Я не уверен, что это даже возможно, но у меня есть случай, когда мне бы хотелось выделить полужирный текст часть (не все) текста в пределах опции тега select HTML.

Я пробовал использовать теги b, а также сильные теги, без везения (в Chrome). CSS может работать, но поскольку он работает на уровне элемента, я не уверен, как это сделать.

Есть ли способ сделать это?

Ответы

Ответ 1

Нет; это невозможно.

Вместо этого вы можете создать поддельный выпадающий список, используя Javascript.

Ответ 2

поскольку хром не допускает выделение жирным шрифтом в теге option. вы можете использовать свойство text-shadow, например

text-shadow: 0px 0px 0px black;

он придаст такой же вид жирным шрифтом и будет работать во всех браузерах

Ответ 3

Я думаю, что слишком поздно, но эта работа для меня работала. Примените свойство "font-weight: bolder" к тегу опций, чтобы текст внутри него полужирный, без использования каких-либо html-тегов.

<option value="optionValue" class="bold-option">
.bold-option{font-weight: bolder;}

Ответ 4

Нет, это невозможно. У вас есть два варианта:

1) Используйте <optgroup>, чтобы создать описательный заголовок для того, что вы делаете (вряд ли это поможет).

2) Имитируйте раскрывающееся меню с помощью JavaScript. Я не уверен, но я думаю, что пользовательский интерфейс jQuery может иметь раскрывающееся меню script.

Ответ 5

Простое решение:

<select>
  <option>Simple</option>
  <option class='bolden'>Bold</option>
  <option>Simple</option>
</select>
<style>
  .bolden{font-family:"Arial Black"}
</style>

Пример: https://jsfiddle.net/hnzhbz69/

Ответ 6

Жирным шрифтом выделен n-й вариант.

В css нет способа сделать это. Если требуется еще различие между параметрами, используйте цвет и фон.

.diff-option {
   color : grey;
}
.other-options{
   color:white
   background: ...
}

Ответ 7

Попробуйте обернуть текст <span id="wrap">Some text</span> в css, сделайте это #wrap {font-weight: bold}

Ответ 8

Ну, вы можете использовать <strong> или <b> в firefox, но он не будет работать в Chrome или в IE (не cheked any other)