how to edit input type data with CSS [duplicate]


Tags: javascript,jquery,html,css,input

Problem :

This question already has an answer here:

I'm trying to edit my input date, precisally the box of calendary and arrow. Here my code:

input[type="date"] {
  color: #888;
  background-color: #eee;
  border: 2px solid #ccc;
  text-align: center;
  border-radius: 10px;
  width: 100%;
  font-size: 14px;
  font-family: 'sans-serif';
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Date</title>
</head>
<body>
<input type="date">
</body>
</html>

Here what I want to edit

enter image description here



Solution :

its not possible. the browsers creates a shadow-root of the calendar which you can not style.

You have the tag added so maybe look as the jQuery Datepicker


    CSS Howto..

    How to fix a footer overlay on main in HTML

    How to get a property from other class in CSS?

    How to edit jquery slider

    how to create 3 columns in HTML+CSS and group 2 div elements in the third column

    How to load multiple images quickly (without Css Sprites)

    How to match a comment node with the Jsoup selector api?

    how to know when css3 animation ends

    How to display a div's name with jquery and css

    Primefaces p:growl css. How to extend div message background color width

    How do I align 2 divs (each has its own padding) next to each other?

    how to make shape with diagonal div?

    How to convert 2 css files into one swf file in flex 4.11 SDK

    How do I get the slide in as you scroll down (CSS Trick) technique to work in Safari?

    How to create dynamic business listings in wordpress [closed]

    How to modify output buffer?

    How to prevent mobile device to resize and use proper css file

    How to optimize my css/html webpage? [closed]

    How to order list which produce result that starts from 1.1, 1.2, 1.3 (instead of just 1, 2, 3) with css and html

    How to stop text from vertically centering in a table?

    how to make an mail to form work

    HTML/CSS: How to get the id of sub menu

    How to use google font

    How to fill a QTextBrowser with a single table in Qt?

    How to overide CSS style of a class using jquery? [closed]

    How the browser identifies the CSS framework? [closed]

    How to get this functionality to work

    How can I add block colour to the CSS of my list?

    How To Add Static Image to Table

    How to give different style, color to dotted border of links?

    How to divide content with CSS even, odd?