1

divに固定幅（固定高さではない）の入力（type='submit'）があります。すべてのテキストが1行に表示され、オーバーフローが非表示になっているOperaを除いて、すべてのブラウザでテキストが折り返されます（設定してもoverflow:visibleこれは修正されません）。

しかし、奇妙なことに気づきました。入力の内容を選択しようとすると、スクロールがマーキーになり始めました。これはOperaの奇妙なことですか？どこにも文書化されていません。この動作を他のブラウザで再現することはできません。サイトにはjQueryがいくつかありますが、スクロールマーキーはなく、この要素に影響を与えるものはありません。私の頭は今WTFでいっぱいです！

HTML：

<li class="last">
  <input id="product-renewal" name="product" type="submit" value="Quite a long bit of text in here"/>
</li>

CSS：

li.last{
  flat:left;
  display: list-item;
  list-style-type:none;
  text-align:left;
}
input{
  border: 0;
  margin: 1px 0;
  padding: 125px 0 10px;
  white-space: normal;
  overflow: visible;
  width:150px;
}

私は少し切り取ったが、これは関連するはずのすべてです。

私はJSをオフにしてチェックしました：それはまだそれをしているので、これは間違いなくいくつかのネイティブオペラの振る舞いです。

4

2 に答える 2

1

うわー、これはいくつかのファンキーな動作です。つまり、入力ボタンに全文が表示されるのでかっこいいと思いますが、かなり風変わりです。ボタンを画像に置き換えていると思いますが、その特定のサイズにする必要がありますか？

これにより、OperaとChromeで同じ動作が得られます。それを超えてテストしませんでした。

http://jsfiddle.net/nLS9M/2/

<ul>
    <li class="last">
        <button id="product-renewal" name="product" type="submit">Quite a long bit of text in here</button>
    </li>
</ul>

li.last{
  flat:left;
  display: list-item;
  list-style-type:none;
  text-align:left;
}
button{
  border: 0;
  margin: 1px 0;
  padding: 125px 0 10px;
  white-space: normal;
  overflow: visible;
  width:150px;
}
于 2012-05-17T15:40:56.330 に答える
0

これはOperaの既知の問題/バグです。（私は「私はそれについて知っている」のように「知られている」と言います、私はそれが「よく知られている」ではないと思います:-)）

Operaは、またはtype = submitの複数行の自動折り返しをサポートしていません<input type="button">が、代わりにフォーカスされた状態でオーバーフローしたテキストにスクロールします。

于 2012-05-25T10:10:55.183 に答える