如何使用 CSS 编辑输入类型数据 [重复]
Posted
技术标签:
【中文标题】如何使用 CSS 编辑输入类型数据 [重复]【英文标题】：how to edit input type data with CSS [duplicate] 【发布时间】：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
【参考方案1】：
这是不可能的。浏览器会创建一个您无法设置样式的日历的shadow-root。
您添加了jquery 标签，所以可能看起来像jQuery Datepicker
【讨论】：
谢谢！我会试试的以上是关于如何使用 CSS 编辑输入类型数据 [重复]的主要内容，如果未能解决你的问题，请参考以下文章