Heim >Web-Frontend >HTML-Tutorial >css如何实现只设置type为text的input元素的样式_html/css_WEB-ITnose
css如何实现只设置type为text的input元素的样式_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:27:561740Durchsuche
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/
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：模仿快递路线图的html， css 样式_html/css_WEB-ITnoseNächster Artikel：bulma