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

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

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

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

источник

2011-02-09 Ben

псевдо-элементов ': первый-letter' и': первый-line' может дать вам некоторый контроль над этим, но это вероятно, не так уж тонкой настройки, как хотелось бы. –

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

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

источник

2011-02-09 23:08:49 SLaks

У меня было ощущение, что это может быть ответ. Благодаря! – Ben

На самом деле, есть другое, более простое решение, посмотрите на ответ Pritesh. – Rodrigo

-1

Try, чтобы обернуть текст с <span id="wrap">Some text</span> в CSS не делать этого #wrap {font-weight: bold}

источник

2011-02-09 23:07:07

Я собирался сказать то же самое. Я просто тестировал его, не работает. –

Вы не можете поместить теги в '

Вы можете попробовать добавить стиль к элементу элемента, но я сомневаюсь, что это поможет. :) – GolezTrol

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

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

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

источник

2011-02-09 23:11:57 Moses

-1

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

источник

2013-04-23 15:07:31 Mystic

Даже MDN не предполагает, что: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option. Вы должны указать ссылку и назвать эту функцию. Если не существует, это довольно хрупко. – hakre

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

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

источник

2013-07-08 10:08:29 Guru110

Это работало для меня в Firefox. Я думаю, что это все еще довольно специфично для браузера. – Darren

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

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

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

источник

2014-11-27 08:13:43 Pritesh

Почему так низко проголосовали? Это решило мою проблему. Кажется, «люди продолжают спешить в наши дни». – Rodrigo

Вы также можете использовать «text-shadow: 1px 1px black;» – Rodrigo

Предполагается, что это неправильно, потому что это неправильно - (а) он не выделяет только часть текста, как запросил ОП, и (б) только «цвет», я думаю, является кросс-браузером. – EML

Смелый энный вариант в выберите.

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

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

источник

2015-11-26 11:37:23 AceLearn

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

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

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

источник

2016-03-18 09:57:41

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

ответ

Смежные вопросы