我尝试了How to change default body color of materialize datetimepicker?中提出的解决方案,但是这些都不起作用了,也许是因为更新到1.0.0(该问题来自2018年),也许类名现在有所不同,但我什么都没找到。这是我的代码段。
.picker__box{
background-color: #CCC !important;
}
.picker__date-display, .picker__weekday-display{
background-color: #CCC !important;
}
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container">
<div class="row">
<h2>Generic form</h2>
</div>
<div class="row">
<form action="" class="col s12">
<div class="card-panel">
<div class="row">
<div class="input-field col s6">
<input type="text" placeholder="Name" id="name">
<label for="name">Name</label>
</div>
<div class="input-field col s6">
<input type="text" name="last_name" id="last_name" placeholder="Last Name">
<label for="last_name">Last Name</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="email" name="Email" id="email" placeholder="Email" class="validate" required>
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="text" class="datepicker" name="date" id="date">
<label for="date">Date</label>
</div>
</div>
<div class="right-align">
<button class="btn purple darken-3" type="submit">
<i class="material-icons left">send</i>
Submit
</button>
</div>
</div>
</form>
</div>
</div>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
M.AutoInit();
});
</script>
</body>
</html>
您正在寻找类.datepicker-date-display
,但使用Sass source code可能会更有效。您可以更改each variable(例如$datepicker-date-bg
)并生成干净的代码而不会被覆盖。