为什么同样的css，在手机浏览器看input="botton"与text不一样大呢？
遇到了一个很奇葩的现象：
<style>
.input_style_2{
width: 28px;
height:28px;
margin: 0px 2px;
border: none;
background: #f4f4f4;
line-height: 24px;
text-align: center;
}
</style>
<body>
<input type="button" class=input_style_2 value="-" />
<input type="text" class=input_style_2 value="2" />
<input type="button" class=input_style_2 value="+" />
</body>
展开
收起
3
条回答
写回答
写回答
-
-
-
- 你应该还应用了其他css的样式库，有其他父类样式影响到了这里的button input。因为css是“级联样式”。
- 解决办法是查看在这个button input上到底应用了哪些样式，可以通过Devtools工具查看，检查“computed”标签，如图所示：
2019-07-17 19:36:41赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
