星空网 > 软件开发 > 网页设计

css如何实现只设置type为text的input元素的样式

css如何实现只设置type为text的input元素的样式:
在实际应用中,可能会遇到这样的情况,那就是有很多input元素,但是type类型各不相同。
可能只需要为某种type类型指定相关的样式。当然实现此效果的方式很多,比如单独为指定类型的input设置class。
下面介绍一下如何利用属性选择器实现此功能。
代码如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>input[type=text]{ width:200px; height:18px; color:red;}</style></head><body><input type="text" value="蚂蚁部落"><input type="tel" value="053288905555"></body></html>

上面的代码只会对type属性值为text的input元素设置相关的样式属性。
关于属性选择器可以参阅css属性选择器板块。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=16358

更多内容可以参阅:http://www.softwhy.com/divcss/




原标题:css如何实现只设置type为text的input元素的样式

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

ImageFree:https://www.goluckyvip.com/tag/21416.html
Imagerecycle:https://www.goluckyvip.com/tag/21417.html
imalentstore:https://www.goluckyvip.com/tag/21418.html
IMA美国管理会计师协会:https://www.goluckyvip.com/tag/21419.html
国庆期间:https://www.goluckyvip.com/tag/2142.html
IMCart:https://www.goluckyvip.com/tag/21420.html
旅游景点的打油诗 旅游景点的打油诗怎么写:https://www.vstour.cn/a/366180.html
2024深圳龙岗区文化馆免费音乐培训课程安排+报名方式:https://www.vstour.cn/a/366181.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流