javascript - 如何使用 CSS 编辑输入类型数据

标签 javascript jquery html css input

<分区>

我正在尝试编辑我输入的日期,准确地说是日历框和箭头。 这是我的代码:

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>

这里是我要编辑的内容

enter image description here

最佳答案

这不可能。浏览器创建了日历的 shadow-root,您无法设置样式。

你有 添加了标签,因此可能看起来像 jQuery Datepicker

关于javascript - 如何使用 CSS 编辑输入类型数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37462598/

相关文章:

javascript - 使用 Jquery 预览文本

javascript - 由于目标被视为被动,因此无法阻止被动事件监听器内的默认行为。 Three.js轨迹球控件

javascript - 为什么不需要调用jqueryAjax回调函数?

javascript - DOM className 属性在 setTimeout() 中不起作用

html - 文本对齐 : right on <select> or <option>

javascript - 标签 &lt;script&gt; 内的代码在 VScode、Angular 的 component.html 文件中不起作用

php - jquery .submit() 在 setTimeout 中不会将数据传递给 php

javascript - 无法正确处理 JSON 对象

javascript - 用户输入3个数据后如何显示select2

javascript - 为多个元素添加类