styling

I have a simple select box with an optiongroup in my application. <select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> ---- ---- ---- </select> When it gets displayed in browser, the option group label is displayed with bold and italic; I want it to be displayed without any of those styles. Unfortunately select boxes are one of the few things that you can add very little style to with CSS. You are usually limited to how the browser renders it. For example, it looks like this in chrome: And this in Firefox: On most browsers

Is it possible to get ALL of the styles for an object using JavaScript? Something like: main.css ------- #myLayer { position: absolute; width: 200px; height: 100px; color: #0000ff; } main.js ------- var ob = document.getElementById("myLayer"); var pos = ob.(getPosition); // Pos should equal "absolute" but // ob.style.position would equal null // any way to get absolute? You are talking about what is known as Computed Style , check out these article on how to get it: Get Styles on QuirksMode Get Computed Style Get the rendered style of an element From the last article, here is a function:

In my project there is a custom style for text box. It is defined as: <Style TargetType="TextBox"/> So it is applied to all text box child controls by default. I need to create another style that is based on default style. But how do I specify in the BasedOn attribute that my new style should use the default style? Use the type of the control you would like to extend BasedOn="{StaticResource {x:Type TextBox}}" Full example: <Style x:Key="NamedStyle" TargetType="TextBox" BasedOn="{StaticResource {x:Type TextBox}}"> <Setter property="Opacity" value="0.5" /> </Style> 来源： https://stackoverflow.com