css - 在 FF 中按下按钮中的文本

Question

我对 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;
  }

Answer 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