如何在Opera中包含按钮文本？

Question

我几乎创建了一个完美适用于所有主流浏览器的网站。昨天，我庆祝，因为那是真的。今天，我发现它不是。

显然，Opera不会在按钮上包装文字。我尝试了搜索中出现的所有内容 - 从间距到过时的Mozilla Firefox黑客。

如何告诉Opera在按钮上包装文字？缩短文本不是一种选择，因为最短的文本仍然太长。

编辑：

这是一个JSFiddle：http://jsfiddle.net/JavaAndCSharp/grX4H/

Answer 1

嗯，是吗？除了定义按钮的宽度之外，我甚至没有做任何其他事情。我建议你有相互矛盾的CSS。

http://jsfiddle.net/Qgdzx/

HTML：

<button>This is really long button text that should wrap after I define a fixed-width.</button>

CSS：

button{
    width:60px;
}

输出：

---

更新后修改http://jsfiddle.net/CJbae/

HTML：

<form>
    <button id="littleWorld" type="button">really really long text that will probably overflow on opera</button> 
</form>

CSS：

#littleWorld{
    border-radius:40px;
    border-width:0px;
    width:250px;
    height:250px; 
    background-color:#808080;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF; 
}

Answer 2

这确实是Opera中的一个已知问题，其中更多的文本格式将应用于BUTTON元素而不是INPUT type = button。它们应该是等价的，真的。

我希望使用BUTTON代替INPUT类型=＆＃34;按钮＆＃34;是一种可接受的解决方法（手指交叉 - BUTTON可能会导致其他浏览器出现其他渲染问题..）

似乎Opera已经有了这方面的错误 - 在内部它的CORE-45335。