0

我对http://www.myprivacyaudit.com/上的“检查”按钮有疑问。在 Firefox 中，它被下推并部分隐藏。你们中有人知道这是为什么吗？我已经花了几个小时，但找不到解决方案。顺便提一句。我正在使用 twitter-bootstrap

HTML：

<div class="row">
  <div class="span6 offset3">
    <div id="enter-username">
      <div id="tweet_form">
        <form accept-charset="UTF-8" action="/confirm" class="form" method="post">
          <span class="at">@</span> <input class="" id="twitter_account" name="twitter_account" type="text" />
          <br/>
          <input id="twitter_account_submit" name="commit" type="submit" value="Check" />
        </form>
      </div>
    </div>
  </div>
</div>

CSS：

  input#twitter_account_submit {
    border: 5px solid black;
    background-color: #ff5255;
    font-family: 'Anton', sans-serif;
    font-size: 30px;
    height: 40px;
    margin-left: 50px;
  }
4

2 回答 2

1

尝试改变这一点：

<input id="twitter_account_submit" name="commit" type="submit" value="Check">

对此：

<button id="twitter_account_submit" name="commit" type="submit">Check</button>

在你的 CSS 文件中，改变这个：

input#twitter_account_submit

对此：

#twitter_account_submit
于 2012-08-25T17:22:34.873 回答
-1

检查按钮是一个内联元素。您已在其上声明了 40px 的高度，但您无法控制内联元素的高度。

此外，在您的样式表的前面，您声明了一个 18px 的行高，该行高正在向下传输到按钮。

完全删除您的高度声明并应用行高（尝试行高：120%），这对我有用。

于 2012-08-25T17:29:20.370 回答