关于html选择框创建占位符的问题


Posted in HTML / CSS onJune 09, 2021

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

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

以上就是关于html选择框创建占位符的问题的详细内容,更多关于html选择框占位符的资料请关注三水点靠木其它相关文章!

 
HTML / CSS 相关文章推荐
CSS3中各种颜色属性的使用教程
May 17 HTML / CSS
CSS3模拟IOS滑动开关效果
Sep 28 HTML / CSS
用CSS3实现无限循环的无缝滚动的实例代码
Jul 04 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
HTML5 Canvas 起步(2) - 路径
May 12 HTML / CSS
HTML5 Canvas之测试浏览器是否支持Canvas的方法
Jan 01 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
Sep 25 HTML / CSS
跨域修改iframe页面内容详解
Oct 31 HTML / CSS
HTML如何让IMG自动适应DIV容器大小的实现方法
Feb 25 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
Apr 14 HTML / CSS
能用CSS实现的就不要麻烦JavaScript了
Oct 05 HTML / CSS
通过feDisplacementMap和feImage实现水波特效
Apr 24 HTML / CSS
html实现弹窗的实例
Jun 09 #HTML / CSS
html css3不拉伸图片显示效果
html2 canvas svg不能识别的解决方案
Jun 03 #HTML / CSS
HTML+CSS 实现顶部导航栏菜单制作
Jun 03 #HTML / CSS
CSS极坐标的实例代码
css height属性中的calc方法详解
Jun 03 #HTML / CSS
html+css实现文字折叠特效实例
You might like
《PHP编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP中遇到BOM、编码导致json_decode函数无法解析问题
2014/07/02 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
JavaScript 实现??打印?理
2007/04/28 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
2019/03/19 Javascript
Vue项目总结之webpack常规打包优化方案
2019/06/06 Javascript
vue项目中将element-ui table表格写成组件的实现代码
2019/06/12 Javascript
Vue动态生成表格的行和列
2019/07/18 Javascript
Python实现配置文件备份的方法
2015/07/30 Python
分享Python字符串关键点
2015/12/13 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
python 实现视频 图像帧提取
2019/12/10 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
苹果Mac升级:MacSales.com
2017/11/20 全球购物
信息管理员岗位职责
2013/12/01 职场文书
和平主题的演讲稿
2014/01/12 职场文书
追悼会主持词
2014/03/20 职场文书
化学专业自荐信
2014/05/28 职场文书
关于召开会议的通知
2015/04/15 职场文书
2015年乡镇平安建设工作总结
2015/05/13 职场文书
Python竟然能剪辑视频
2021/05/25 Python
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android