如何使用 CSS 编辑输入类型数据 [重复]答案

【问题标题】：how to edit input type data with CSS [duplicate]如何使用 CSS 编辑输入类型数据 [重复]
【发布时间】：2016-09-24 13:27:38
【问题描述】：

我正在尝试编辑我的输入日期，尤其是日历和箭头框。这是我的代码：

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>

这是我要编辑的内容

【问题讨论】：

你不能设置这个样式。您可以将其替换为type=text 并使用jquery-ui datepicker 等插件作为日历。
这是一个不错的 codepen，它展示了您可以使用 css 设计的样式。 codepen.io/tgrant54/pen/LFblv

标签： javascript jquery html css input

【解决方案1】：

这是不可能的。浏览器会创建一个您无法设置样式的日历的shadow-root。

您添加了jquery 标签，所以可能看起来像jQuery Datepicker

【讨论】：

谢谢！我会试试的