Using CSS on elements created by jQuery

Question

I have a select list that is created on a .click event. It looks like this:

$('<select class="selectStatus" onChange="statusSubmit()"/>')
    .attr('name', 'status')
    .append('<option>Pick one</option>', '<option>Open</option>', '<option>Full</option>', '<option>Canceled</option>')
    .appendTo(this);

In my main styles.css file I added this:

select .selectStatus {
    width:700px;
    padding:0px;
    background-color: green;
}

Shouldn't the css be applied to this select list once it's created?

use Chrome's inspector to right click and inspect element method to see if the CSS is acting on the <select> typically you can find issues with typos or spaces. — Jakub
– Jakub, Commented Sep 12, 2012 at 0:25
I tried that and saw it wasn't being applied. I thought it was some type of issue with the DOM or something. Stupid typos! :) — Paul Dessert
– Paul Dessert, Commented Sep 12, 2012 at 0:26

Niet the Dark Absol · Accepted Answer · 2012-09-12 00:23:59Z

8

You are applying those styles to children of selects with class="selectStatus".

Remove the space: select.selectStatus.

answered Sep 12, 2012 at 0:23

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using CSS on elements created by jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related