Как изменить цвет моих кнопок?

Question

Как изменить цвет «Дополнительная информация» кнопку «Enter», и вот мой сценарий:

$(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

Попробуйте это в консоли НАСТОЯЩЕЕ страницы и вы поверните цвет кнопки «Опубликовать свой ответ» ...

$("#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: ".button цвета" на основе ID: "# моя кнопка" на основе ЭЛЕМЕНТ: ": кнопка"

Answer 2

Вместо присвоения < 'опции'>, создать класс и присвоить имя класса, как это:

$(".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; 
}