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

Javascript 如何在jquery mobile中向按钮添加文本颜色,javascript,jquery,css,jquery-mobile,button,Javascript,Jquery,Css,Jquery Mobile,Button,您好,我想为按钮内的文本添加颜色,还想删除按钮的边框和轮廓,但我无法修复。请任何人帮助我。我正在使用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()" s

您好,我想为按钮内的文本添加颜色,还想删除按钮的边框和轮廓,但我无法修复。请任何人帮助我。我正在使用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>

如果您检查元素,您将发现
输入
没有显示,而是显示一个
span class=“ui btn internal”

因此,使用js代码更改span color属性

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


jQuery Mobile提供了一个名为的属性,该属性将命名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;
}

.mybuttonstyle{
颜色:绿色!重要;
字体大小:24px!重要;
右边距:20px;
大纲:无;
宽度:60px;
边界:0px;
}
这里有一个


根据我对您的需求的理解,我认为您的代码工作得很好。(检查这把小提琴,我没有改变任何东西,输出是你想要达到的吗?@Cattla..仍然不起作用..同样的问题。是否有其他解决方案?是的,我见过,但在我的应用程序中它不起作用..我也不知道为什么它不起作用..@user3248668,您需要告诉我们正在使用哪些版本的jQM和jQuery,并为页面设置显示更多代码。更好的是,尝试在JSFIDLE中为我们重现这个问题…@ezanker..谢谢你告诉我们。在更改jquery移动版本后,它现在可以工作了…谢谢@ezanker!我一直在寻找这个问题,但无法解决它。现在工作@梅林,很高兴能帮上忙。
<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;
}