相关疑难解决方法(0)

我正在使用占位符进行文本输入,这很好.但我也想为我的选择框使用占位符.当然我可以使用这段代码:

<select>
    <option value="">Select your option</option>
    <option value="hurr">Durr</option>
</select>

但是"选择你的选项"是黑色而不是光线.所以我的解决方案可能是基于CSS的.jQuery也很好.

这只会使下拉列表中的选项变为灰色(因此点击箭头后):

option:first {
    color: #999;
}

编辑:问题是:人们如何在选择框中创建占位符？但它已经得到了回答,欢呼.

使用此选项会导致所选值始终为灰色(即使选择了实际选项后):

select {
    color: #999;
}

所以此时的代码是我的代码(请注意 - 这段代码在PHP for循环内部被回显,所以当你看到$ i变量只是假设它是一个每次传递递增的数字):

<select name='field{$i}type' class='form-control' required>
    <option disabled selected hidden>Type of Field</option>
    <option value='text'>Text</option>
</select>

当使用我的php动态创建这个选择时,我希望选择一个"占位符".我已经找到了关于如何制作占位符(Bootstrap选择下拉列表占位符)的答案,现在它已经存在且正常工作.但是,我需要这个选择.我需要强制用户在表单提交之前选择文本选项.用纯HTML做任何方法吗？我相信所需的选项变得混乱,因为我已经输入了"选中"参数.是这样的吗？我怎样才能解决这个问题.