Question

我在div中有一个输入（type='submit'），其宽度固定（但不是固定的高度）。在所有浏览器中，除了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关闭：它仍然会这样做，所以这肯定是一些本地歌剧行为。

Answer 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;
}

Answer 2

这是Opera中的已知问题/错误。（我在“我知道它”中说“已知”，我想这不是“众所周知”:-)）

Opera不支持<input type="button">或type = submit的多行自动换行，而是会滚动到聚焦的溢出文本。

Opera输入滚动字幕？

2 个答案: