Question

当我在div id =“box”中放入一个按钮时，按钮显示为一个小矩形框，而当我将它放在div id =“box”之外时，它会正确显示，其中包含正确的文本

请查看此链接：

<style>#box {
  border: yellow 5px solid;
  background-color: black;
  padding: 10px;
  width: 300px;
}

#box img {
  width:
}

#box button {
  /* adjust the button width to fit nicely */
  width: 10px;
  ;
  height: 4px;
  padding: 2px;
}

</style>

<script src="task1.js" type="text/javascript"></script>

<body>
  <h1> Owais Ughratdar </h1>
  <div id="box">
    <img id="light" src="light_0.jpg">
    <div>
      <button> ON </button>
    </div>
  </div>
</body>

Answer 1

在您的CSS文件中，尝试使用#box button进行试验...需要使width和height大得多：

#box button {
      /* adjust the button width to fit nicely */
      width: 300px;;
      height: 200px;
     padding: 2px;
     }

https://jsfiddle.net/noLqau4x/

HTML按钮功能不能正常工作

1 个答案: