html - 我怎样才能改变这两个 float 按钮的高度

Question

我正在尝试更改这两个按钮的高度，但找不到正确的方法。 height:50px; 似乎不起作用。

这里是CSS:

div.hscroll { 
    width: 550px; 
    height: 1000px; 
    overflow: scroll;
    top:35%;
    left:10%;
    margin-left: auto;
    margin-right: auto;
}

.leftbutton{
    position:fixed;
    width:30px;
    top:35%;
    left:27%;
}

.rightbutton{
    position:fixed;
    width:20px;
    height:50px;
    top:35%;
    right:27%;
}

这里是 HTML 代码:

<script type="text/javascript">   
var timer1;
function scrollDiv(divId, depl) {
   var scroll_container = document.getElementById(divId);
   scroll_container.scrollLeft -= depl;
   timer1 = setTimeout('scrollDiv("'+divId+'", '+depl+')', 10);
}
</script>

<div class="leftbutton";>
    <input type="button" value="«" style="height: 200px" onmousedown="scrollDiv('MyDiv', 10)" onmouseup="clearTimeout(timer1)" />
</div>

<div id="MyDiv" class="hscroll">Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_Comapare_

</div>
<div class="rightbutton";>
  <input type="button" value="»" style="height: 200px" onmousedown="scrollDiv('MyDiv', -10)" onmouseup="clearTimeout(timer1)" />
</div>

Answer 1

在你的输入标签中，你有以下内容:

style="height: 200px"

这就是为什么按钮总是 200 像素高的原因。如果您希望它们为 50px，那么您可以在此处更改它。或者，您可以删除样式属性并使用以下方法在 CSS 中设置高度:

.rightbutton input {
    height: 50px;
}

.leftbutton input {
    height: 50px;
}