61,112
社区成员
发帖
与我相关
我的任务
分享为什按钮的高度无法改变
代码如下：
<div id="title">
<input type="button" value="按钮" class="changeBtn"/>
</div>
css代码如下：
#title {
width:100%;
height:62px;
border:1px #ff0000 solid;
}
.changeBtn {
width:80px;
height:50px;
}
为什么按钮的高度怎么设值都是一样的啊？
<div id="title">
<input type="button" value="按钮" class="changeBtn"/>
</div>
css代码如下：
#title {
width:100%;
height:62px;
border:1px #ff0000 solid;
}
.changeBtn {
width:80px;
height:50px;
}
为什么按钮的高度怎么设值都是一样的啊？
...全文
请发表友善的回复…
发表回复
shaoyezwx 2016-04-20
- 打赏
- 举报
试试内联写法
nobSlience 2016-03-03
- 打赏
- 举报
display:inline-block;可以设置成块级内联元素，这样就能设置宽高了。
cool852 2016-02-26
- 打赏
- 举报
一样的，不用单独css文件也不行[/quote]
我也不晓得 ，我是新手....
sinat_25025101 2016-02-26
- 打赏
- 举报
好吧，还真行了，这到底是什么原理啊，，，我晕
sinat_25025101 2016-02-26
- 打赏
- 举报
一样的，不用单独css文件也不行
webdesignerxc 2016-02-26
- 打赏
- 举报
<input type="button" value="按钮" style="width:80px;
height:50px; ">
cool852 2016-02-26
- 打赏
- 举报
我也不知道为啥，但是我加 一个 按钮的背景颜色 background-color: #eee;
就可以控制按钮高度了,希望对你有帮助
sinat_25025101 2016-02-26
- 打赏
- 举报
各位大神，求教啊
u011151921 2016-02-26
- 打赏
- 举报
没问题。。
sinat_25025101 2016-02-26
- 打赏
- 举报
好像是，貌似是外部的布局有限制，唉，虽然弄好了但是还是不懂
风中的少年 2016-02-26
- 打赏
- 举报
我测试的浏览器都可以。。。。。没有问题。
你是不是有其他css受影响了吧。。。。。
天际的海浪 2016-02-26
- 打赏
- 举报
我测试的谷歌浏览器是可以的
sinat_25025101 2016-02-26
- 打赏
- 举报
谷歌，safari都不行啊，，，晕死，加上背景颜色或者图片立马可以
天际的海浪 2016-02-26
- 打赏
- 举报
你用的什么浏览器
我测试可以啊
Y丶Jonh 2016-02-26
- 打赏
- 举报
一样的，不用单独css文件也不行[/quote]
谁说不行的，你把class=“changeBtn ”删掉，直接写 style="width:80px;
height:50px; "就行了
