我想将我的复选框更改为这种颜色#FA9E57。我正在使用 bootstrap v 4.6。
这是我的复选框代码：
input[type=checkbox]{
width: 20px;
height: 20px;
background-color: #FA9E57;
}
input[type=checkbox]:checked{
background-color: #FA9E57;
}<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="register.css">
<title><%=judul %></title>
<body>
<div class="form-group my-4">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="privacy">
<label class="form-check-label ml-3" for="privacy">
Agree privacy
</label>
</div>
</div>
</body>当我单击某些文本或图像时，我想弹出一个日期选择器。我正在使用 reactjs。我使用的是 HTMLinput type="date"而不是 React-datepicker 库。
这是我的代码：
import { useRef } from "react";
const add = () => {
const interviewDateRef = useRef();
const handleInterviewDateClick = () => {
interviewDateRef.current.focus();
};
return (
<>
<button onClick={handleInterviewDateClick}>Change Date</button>
<input type="date" ref={interviewDateRef} className="hidden" />
</>
);
};
export default add;
这是代码和框。
我希望日期选择器能够正常工作，而且在单击文本或图像时也能出现。我怎样才能做到这一点？
谢谢你。