css - 请问大神我下面代码的搜索框怎么设置不了高度啊？line-height,padding都写上了也没用
本文介绍了css - 请问大神我下面代码的搜索框怎么设置不了高度啊？line-height,padding都写上了也没用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<html>
<style>
#search-box{width:200px;height:100px;
box-sizing:border-box;padding:50px;line-height:100px;}
</style>
<body>
<form id="search-bar" class="hide" action="/action_page.php">
<input id="search-box" type="search" value="search">
<input id="search-submit" type="submit">
</form>
<button id="search-but" >click me</button>
</body>
</html>解决方案
搜索框本身就是inline-block应该是可以设置高度的，就算可能是浏览器问题使得inline-block高度不起效，你设置了display：block之后肯定是能设置高度的，我测试了一下你的代码，我这边(谷歌浏览器)设置的高度是能起效的，所以你看看是其他地方出了问题，换个浏览器看看，或者是样式覆盖的问题查查看。
这篇关于css - 请问大神我下面代码的搜索框怎么设置不了高度啊？line-height,padding都写上了也没用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
