如何在html中给出输入样式

时间:2016-09-18 09:48:01

标签: javascript css3

请告诉我如何得到这样的意见。

Below is a picture

还提供在使用说明做出正确选择时如何更改颜色的代码。  实际上我尝试了无线电输入,但它没有吸引力所以我需要一个代码,通过它我可以使输入具有吸引力,如上图所示。我正在开发一个测验游戏,我需要这个代码。请帮帮我!!!!!

1 个答案:

答案 0 :(得分:1)



body {
  margin: 0 auto;
  background: #4B57E1;
  line-height: 1.5em;
  }
nav {
  width: 100%;
  height: auto;
  margin: 25px auto;
  }
ul {
  margin: 0 30px;
  padding: 0;
  }
ul li {
  list-style: none;
  display: block;
  margin-bottom: 10px;
  width: 250px;
  }
ul li a {
  display: block;
  padding: 10px 10px;
  color: #7886A0;
  background: #E8FDFE;
  font-size: 16px;
  font-family: "Arial";
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  }

<html>
  <body>
    <nav>
      <ul>
        <li><a href="">top</a></li>
        <li><a href="">right</a></li>
        <li><a href="">bottom</a></li>
        <li><a href="">left</a></li>
        </ul>
      </nav>
    </body>
  </html>
&#13;
&#13;
&#13;