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
Post a Comment