0

I am designing a web application form .In that i am using HTML5 calender element.it working fine now.but my project requirement is ,i need to change the inner color of HTML5 calender like below images .

what i am getting in output

![enter image description here][1]

required output

![enter image description here][2]

can you any one help me in that

note: i need to use only HTML5 calender element(<input type="date" name="date">)

yugi
  • 834
  • 1
  • 15
  • 28
  • What have you tried? Can you make a jsfiddle or something with the code you have? By the way, it's an element, not an attribute. – Mr Lister Oct 31 '14 at 10:19
  • thank you @MrLister. i modified the code and here the jsfiddel like(http://jsfiddle.net/yugi47/shqpkg4j/1/). – yugi Oct 31 '14 at 10:29
  • @Nick it will apply style on only the input element but not below dropdown content.my question is how to apply the style on date drop down element . – yugi Oct 31 '14 at 10:32
  • 1
    @yugi The answer is still no, even if the other question demonstrates the things that can be changed. – Mr Lister Oct 31 '14 at 15:55

1 Answers1

1

I think Webkit doesn't allow that. Thak a look here:

http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/

anexo
  • 495
  • 1
  • 11
  • 22