css - iPad はボタンのテキストを 2 行に分割します

Question

次のコードは、ボタン内のテキストが 2 行に分割されている iPad を除いて、どこでも正常に機能します。

.sign_up {
  background: url('../images/submit_button.png') no-repeat 0 0;
  border: 0;
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  margin-left: 12px;
  width: 110px;
  height: 34px;
}

sign_up クラスは、テキストとして「他を追加」を含むボタン要素に与えられています。

しかし、iPad では「その他」が 2 行目に表示されてしまいます。

Answer 1

- で iPad ボタンのデフォルト スタイルをリセットします。

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

Answer 2

cssに追加white-space:nowrap;