html如何为“选择”框创建占位符？

我在文本输入中使用占位符，效果很好。但我也想为我的选择框使用一个占位符。当然，我可以使用以下代码：

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

但是“选择您的选项”是黑色而不是浅灰色。所以我的解决方案可能是基于CSS的。jQuery也很好。

这只会使下拉菜单中的选项变为灰色（因此，单击箭头后）：

option:first {color: #999;
}

问题是：人们如何在选择框中创建占位符？但它已经得到了回答，欢呼。

使用此方法会导致所选值始终为灰色（即使在选择实选项后）：

select {color: #999;
}解决方案：

非CSS-没有JavaScript / jQuery答案：

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

本文首发于前端黑洞网，csdn同步跟新

html如何为“选择”框创建占位符？相关推荐

如何为“选择”框创建占位符？
我正在使用占位符进行文本输入,效果很好. 但是我也想为我的选择框使用一个占位符. 当然,我可以使用以下代码: <select><option value=""&g ...
开发一个出生年份的下拉选择框供用户选择_你的下拉式菜单设计对了吗？
追波范儿(dribbbledesign)------------------------------------------- 下拉菜单主要有两种类型:1. 用于导航的下拉菜单:2. 用于表单的下拉菜 ...
img 加载 svg占位符_如何使用SVG作为占位符以及其他图像加载技术
img 加载 svg占位符 by José M. Pérez 由JoséM.Pérez 如何使用SVG作为占位符以及其他图像加载技术 (How to use SVG as a Placeholder, ...
开发一个出生年份的下拉选择框供用户选择_关于下拉式菜单，这一篇足够了
下拉菜单主要有两种类型: 1.用于导航的下拉菜单: 2.用于表单的下拉菜单. 在本文中,我们将对以下内容进行介绍: 01 结构剖析下拉菜单的解剖结构与文本输入字段的解剖结构非常相似. 02 下拉菜单 ...
UITextView中的占位符
我的应用程序使用UITextView . 现在,我希望UITextView具有类似于可以为UITextField设置的占位符. 这个怎么做? #1楼简单的方法,只需使用以下UITextViewDel ...
SwiftUI 2 redacted新功能超实用的占位符功能(教程含源码)
实战需求 Xcode 12 beta3新增了redacted功能: SwiftUI现在附带了一个新的内置修饰符,使为任何视图自动生成占位符变得非常容易. 本文价值与收获看完本文后,您将能够作出下面的 ...
Swift3.0语言教程使用占位符格式创建和初始化字符串
Swift3.0语言教程使用占位符格式创建和初始化字符串 Swift3.0语言教程使用占位符格式创建和初始化字符串在很多的编程语言中都存在占位符,占位符就是为指定的内容占留一个位置.此功能一般在开发者 ...
python利用pyside2创建文件夹选择框，文件选择框(无小窗口）
python利用pyside2创建文件夹选择框,文件选择框(无小窗口) 文件夹选择框文件选择框文件多选框之前利用win32ui创建文件选择窗口非常好用,但是想使用文件夹选择窗口发现行不通.利用t ...
html图片占位符怎么设置,使用CSS3 Gradients创建图片占位符
最典型的问题是在画册制作中,没有显示出足够多图片: 解决方案有很多种,你可以在后面直接留空白区域:你也可以添加额外的html标签作为占位符.第一种方案觉得还可以,但第二种解决方案感觉会让你的代码不干净 ...

html如何为“选择”框创建占位符？

本文首发于前端黑洞网，csdn同步跟新

html如何为“选择”框创建占位符？相关推荐

最新文章

热门文章