Question

I am having trouble doing this simple task of changing my input box color in a dialog created using jQueryUI in IE 8.
Take a look at the 2 demo here:
http://jsbin.com/ofare/94/edit#source – not working in IE
http://jsfiddle.net/Cwm4W/10/ – working in IE but doesnt work in my dialog box

Both codes do not work when I run in my dialog box.

My code

<script>                 
     $('#test').css("background-color", 'gray');
     $( "#dialog-test" ).dialog({
                autoOpen: false,
                resizable: false,
                width: 350,
                height: 430,

                modal: true
     });
</script>

<div id="dialog-test">
<form>
    <table>
    <tr>
            <td>
                User Name
            </td>
            <td>
                <input type="text"  id="test" />      
            </td>
        </tr>
        </table>
</form>
</div>

Answer 1

dialog() is a JQueryUI function. Make sure you include it in your fiddle 🙂

This has a gray background in IE8, though my IETester doesn’t really like it and alerts a couple unhelpful script errors: http://jsfiddle.net/AlienWebguy/Cwm4W/18/

$(function(){
     $("#dialog-test").dialog({
                autoOpen: true,
                resizable: false,
                width: 350,
                height: 430,
                modal: true
     }).find('#test').css('background-color','gray');
});