CSSで入力データを編集する方法

私は自分の入力日付を編集しようとしています。正確にはカレンダーと矢印のボックスです。ここに私のコード：ここでCSSで入力データを編集する方法

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>

私は

出典

2016-05-26 Node

ように見えるが追加されました。 'type = text'に置き換えることができ、カレンダーに[jquery-ui datepicker]（https://jqueryui.com/datepicker/）のようなプラグインを使用することができます。 –

ここでは、CSSでスタイルを設定できることを示す素敵なcodepenがあります。 https://codepen.io/tgrant54/pen/LFblv –

そのことはできませんを編集したいのか。ブラウザはスタイルを設定できないカレンダーのshadow-rootを作成します。

あなたはjqueryタグはので、多分あなたはこれのスタイルを設定することはできませんjQuery Datepicker

出典

2016-05-26 13:49:49 BenG

ありがとう！やってみます – Node

CSSで入力データを編集する方法

答えて

関連する問題