Question

我无法设置按钮样式。

我的确切问题是我似乎无法触及两个div内的按钮。

HTML：

<div id= "nav">
   <div id= "search">
      <form>
        <input type="text" placeholder="Search" required>
        <a href="Linkpage.html"><input type= "button" value= "Search"></a>
      </form>
</div>

CSS：

 #inforight
    {
      width: 200px;
      float: right;
      text-align: center;
      background-color: #735D41;
    }

请参阅JSFiddle

有人可以帮忙吗？

Answer 1

将按钮的id设置为inforight，以使CSS生效。

<input type= "button" value= "Search" id="inforight">

此外，您在<a>内放置了一个按钮。如果您想要点击该按钮转到 Linkpage.html ，您可以将表单的操作页面设置为 Linkpage.html ，并将按钮设为{ {1}}按钮。

submit

Answer 2

ID应该是唯一的。如果页面上有多个这样的按钮（似乎你有），请使用类。

在每种情况下，您都需要为按钮指定ID或类。

此外，您需要修复HTML。删除该锚点并将其设置为形成操作。

HTML

<div id="search">
  <form action="Linkpage.html">
    <input type="text" placeholder="Search" required />
    <input type= "button" value="Search" class="inforight" />
  </form>
</div>

CSS

.inforight
{
  width: 200px;
  float: right;
  text-align: center;
  background-color: #735D41;
 }

以下是您的示例的快速修复：http://jsfiddle.net/L44pN/1/

在CSS中设置按钮样式

2 个答案: