如何实现控制input的css但不影响checkbox以及radio的样式
4个回答
2017-01-22 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
input文本框有很多属性，如果需要单独定义其中一种类型的文本框有2种方法,设置独立样式或者统一类型样式。
直接在该文本框内添加一个类样式属性，如<input type="text" value="" class="input_1"/>给.input_1直接赋予样式属性。
对该类型的所有文本框添加样式.
<input type="text" value="我是text" class="input_1"/>
<input type="tel" value="我是tel"/>
<input type="checkbox"/>checkbox
<input type="radio"/>radio
<style>
.input_1{ width:200px;height:40px;background:#ccc;border:none;}/**所有为.input_1的样式修改**/
input[type='tel']{width:200px;height:40px;background:#000;border:none;color: #fff;}
/***针对所有类型为tel的做样式更改**/
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以直接给input标签增加样式，不会影响checkbox以及radio的样式。
示例代码如下，下面代码的作用是给input标签增加黑色背景色样式:
input{background-color:#000;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用input[type=text],input[type=button],input[type=password]{...}来定义
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
