Question

如何更改＆＃34;输入＆＃34;以及＆＃34;更多信息＆＃34;按钮这是我的脚本：

$(document).on('pagebeforeshow', '#index', function(){    
    // Add a new select element 

     $('<select>').attr({'name':'select-choice-1','id':'select-choice-1','data-native-menu':'false'}).appendTo('[data-role="content"]');
     $('<select>').attr({'name':'select-choice-2','id':'select-choice-2','data-native-menu':'false'}).appendTo('[data-role="content"]');

    $('<option>').html('More info').appendTo('#select-choice-2');
    $('<option>').html('Enter').appendTo('#select-choice-1');
    $('<option>').attr({'value':'1'}).html('Instructions').appendTo('#select-choice-2');
    $('<option>').attr({'value':'2'}).html('Bookings').appendTo('#select-choice-2'); 
    $('<option>').attr({'value':'3'}).html('Newsletter').appendTo('#select-choice-2');     
    // Enhance new select element
    $('select').selectmenu();

    $(document).on('change', '#select-choice-2', function(){    
        alert($(this).find("option:selected").text());


    });    

});

非常适合帮助

Answer 1

在此页面的控制台中尝试此操作，您将转过＆＃34;发布您的答案＆＃34;按钮的颜色......

$("#submit-button").css('background-color','red');   


$(document).on('change', '#select-choice-2', function(){    
  alert($(this).find("option:selected").text());
  $("THIS-IS-WHERE-YOUR-HOOK-GOES").css('background-color','red');
});

你的钩子可能有很多东西，这里有几个例子。

基于CSS类：＆＃34; .button-color＆＃34; 基于ID：＆＃34;＃my-button＆＃34; 基于ELEMENT：＆＃34;：按钮＆＃34;

Answer 2

不是分配给＆lt;'option'＆gt;而是创建一个类并分配给类名，如下所示：

$( ".button" ).append( "what you want" );

然后在你的CSS中你可以改变按钮的样式，比如背景颜色：

.button{
   background-color: red;
 }

或者只需将课程添加到<option>并更改css中的样式。

希望它有所帮助。

Answer 3

使用以下CSS希望这会对您有所帮助。

#select-choice-1 option:first-child, #select-choice-2 option:first-child {
     color: red;
}

如何更改按钮的颜色？

3 个答案: