Opera输入类型=“提交”文本换行

时间:2013-05-01 20:05:50

标签: css button opera word-wrap

我的网站上有这个按钮:

<div id="container-div">
    <input class="site-button" type="submit" value="very long text">
</div>

使用以下CSS:

#container-div .site-button {        
    font-size: 27px;
    height: 100px;
    text-transform: uppercase;
    width: 200px;
    white-space: normal;
    word-wrap: normal;
}

正如你在这里看到的那样:http://jsfiddle.net/wDU8w/1/除了Opera之外,所有浏览器中的文本内容都很好。

我尝试将不同的值放入white-spaceword-wrap,但没有结果。

经过一些谷歌搜索和论坛浏览后,我发现使用<button>元素代替<input type="submit">可以解决我的问题。但是,我不想干涉HTML输出,因为它是从PHP脚本生成的(我正在为我的站点使用CMS)。有没有CSS方法强制Opera将文本包装在按钮内?

我正在使用Opera 12.15

0 个答案:

没有答案