如何在jquery mobile中为按钮添加文本颜色

Question

嗨我想为按钮内的文字添加颜色，还想从按钮中删除边框和轮廓，但我无法修复它。请任何人帮助我。我正在使用jquery-mobile。

<div class="ui-btn-right" data-role="controlgroup" data-type="horizontal" data-corner="false">

           <input type="submit" value="post" id="post" onClick="postprivate()"  style="color:green;" ></input>
            </div>

这是我正在尝试的css，但它根本没有应用

#post{color:green;
 text-decoration:none:
 font-size:24px;
 margin-right:20px;
 outline:none;
 width:60px;
 border:0px;
 display:block;}

Answer 1

jQuery Mobile提供了一个名为 data-wrapper-class 的属性，它将一个命名的CSS类应用于它在增强输入时创建的ui-btn DIV。所以你可以这样做：

<input type="submit" value="post" id="post" onClick="postprivate()" data-wrapper-class="mybuttonstyle"></input>

.mybuttonstyle {
    color: green !important;
    font-size:24px !important;
    margin-right:20px;
    outline:none;
    width:60px;
    border:0px;
}

  

这是 DEMO

Answer 2

如果你检查元素，你会发现input没有显示，而span class="ui-btn-inner"代替它。

所以使用js代码来改变span颜色属性

$(function()
{
$('#post').prev('span.ui-btn-inner').css('color','green');
});

结果

jsfiddle http://jsfiddle.net/6rbf2Lmu/