css - how to add background color to input text if it is a dojo datepicker? -


i can't set background color (or border color) of input text, if dojo datepicker. dojo datepicker input text 2 additional attribute:

dojotype="dropdowndatepicker" displayformat="yyyy-mm-dd" 

i assume dojo has own style, if provide style specifies background color, dojo overrides it.

something not work:

<input type="text" ..other attributes.. style="width:5em;border:solid #ff0000;"> 

any appriciated.

and may add dojo version old dirt ( upgraded) can't take advantage of newer features dijit, etc.

dojo uses templates of widgets. html code write (with dojotype attributes , stuff) nothing more placeholder configure widget. inline css applied html applied top level of widget.

your widget consists out of multiple html elements , may happend css write inline, not applied correct element. also, dojo indeed uses themes (wich define class="themename" on parent tag (usually <body>) , default themes of dojo using !important css lines various features.

the best way inspect html elements created when use widget , define style on specific element. because css attributes of dojo themes using !important, it's recommended more specific define. easiest way add custom classname <body> tag, example:

<body class="claro custom">  </body> 

then define style like:

.custom .dijittextbox > .dijitinputfield {     background-color: yellow; } .custom .dijittextbox > .dijitarrowbutton {     background: red; } 

i made example jsfiddle.


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -