1

我type='submit'在具有固定宽度（但不是固定高度）的 div 中有一个输入（）。在所有浏览器中，文本都会换行，除了 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 不支持多行自动换行<input type="button">或 type=submit，但会滚动到焦点溢出的文本。

于 2012-05-25T10:10:55.183 回答