Question

因此，我在一个应用程序上工作，在该应用程序中，我需要具有以下内容的select元素：“按选项对元素进行排序”，其中option是在select元素内选择的选项，select元素应始终具有by的sort元素文本中，我尝试添加一个before元素，但是没有用。我也尝试将其添加到选项标签。它起作用了，但是我不希望打开的选择中包含“按选项对元素进行排序”文本。在内部，我只想要值。

所以我现在有这个：

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

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

我正在搜索html / css解决方案，将不胜感激：）

Answer 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。

在选择元素之前添加文本

1 个答案: