小羊也疯狂 2017-03-14 08:28 采纳率: 100%
浏览 2425
已采纳

button 是inline-block. 为什么我只能改变它的宽度不能改变它的高度

图片说明

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>task2-4</title>
    <style type="text/css" >
        form{
            width: 400px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }
        #rightIn{
            height: 150px;
        }
    </style>
</head>
<body>
<form >
    <input  type="text" value="请输入整数">
    <input  id="rightIn"  type="button" value="左侧入">
    <input  id="leftIn" type="button"  value="右侧入">
    <input  id="leftOut" type="button" value="左侧出">
    <input  id="rightOut" type="button" value="右侧出">
</form>

</body>
</html>

我想让按钮里面的字和按钮一起放大 有没有什么好办法

  • 写回答

7条回答 默认 最新

  • Go 旅城通票 2017-03-14 10:18
    关注

    http://stackoverflow.com/questions/12450776/html-input-button-css-height-not-working-on-safari-and-chrome

    




Change it from <input> to <button> and add -webkit-appearance: none; to the start of your CSS, eg:

.submitbtn {
    -webkit-appearance: none;
    height: 50px;
    background-color:#FFF;
    color:#666;
    font-weight:bold;
    border: solid #666 1px;
    font-size: 14px;
}
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题？

悬赏问题

  • ¥100 求三轴之间相互配合画圆以及直线的算法
  • ¥100 c语言，请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 自己瞎改改，结果现在又运行不了了
  • ¥15 链式存储应该如何解决
  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站