在选择元素之前添加文本[重复]答案

【问题标题】：Add text before select element [duplicate]在选择元素之前添加文本[重复]
【发布时间】：2019-01-20 03:46:56
【问题描述】：

所以我正在开发一个应用程序，我需要一个带有以下文本的选择元素：“按选项排序元素”其中选项是在选择元素内选择的选项，选择元素应该始终具有排序元素文本，我试图添加一个之前的元素，但它没有用。我还尝试将其添加到选项标签中。它有效，但我不希望在打开的选择中出现“按选项排序元素”文本。在里面我只想要价值。

所以我现在有这个：

<select>
  <option>option</option>
</select>

select::before {
 content: 'Sort element by'
 color: black 
}

我正在搜索 html/css 解决方案，任何帮助将不胜感激 :)

【问题讨论】：

标签： html css

【解决方案1】：

.option-select {
  display: inline;
}

.option-select:before {
  content: 'Sort element by';
  color: black;
}

<div class="option-select">
  <select>
    <option>option</option>
  </select>
</div>

如果你可以访问 HTML，你就可以做这样的事情。但是，如果要根据所选选项更改值，则必须使用 Javascript。

【讨论】：