摘要: For example, a checkbox mark, if we show / hide by: transform: scale(0); by default it shows up from center, we want it from "bottom left", we can do: 阅读全文
posted @ 2021-03-05 22:00 Zhentiw 阅读(86) 评论(0) 推荐(0)
摘要: For a radio button control, when hide selected status, we can use: .input__control::before { content: ""; width: 0.5em; height: 0.5em; // box-shadow w 阅读全文
posted @ 2021-03-05 21:52 Zhentiw 阅读(124) 评论(0) 推荐(0)
摘要: box-shadow works better than background-color on printable version: .input__control { display: grid; place-content: center; width: 1em; height: 1em; b 阅读全文
posted @ 2021-03-05 21:49 Zhentiw 阅读(60) 评论(0) 推荐(0)
摘要: Best way to do is using grid: .input__control { display: grid; place-content: center; width: 1em; height: 1em; border: 0.1em solid var(--color-default 阅读全文
posted @ 2021-03-05 21:47 Zhentiw 阅读(55) 评论(0) 推荐(0)
摘要: <div class="form-group"> <label class="form-control radio"> <span class="form-control__input radio__input"> <input type="radio" name="radio" /> <span 阅读全文
posted @ 2021-03-05 21:36 Zhentiw 阅读(54) 评论(0) 推荐(0)
摘要: If you want to share some file in S3 with some one for a period of time you can create presign url. aws s3 presign s3://<bucket_name>/<filen_ame> --ex 阅读全文
posted @ 2021-03-05 20:09 Zhentiw 阅读(205) 评论(0) 推荐(0)
摘要: Because there is no parent selector in CSS, we'll need to add an additional element to assist us in providing a focus style. We'll also add it to our 阅读全文
posted @ 2021-03-05 03:33 Zhentiw 阅读(77) 评论(0) 推荐(0)
摘要: <div class="form-group"> <label for="standard-select">Standard Select</label> <div class="form-field select"> <select id="standard-select" name="stand 阅读全文
posted @ 2021-03-05 03:20 Zhentiw 阅读(72) 评论(0) 推荐(0)
摘要: For example, we have single selector and multi selector: <div class="form-group"> <label for="standard-select">Standard Select</label> <div class="for 阅读全文
posted @ 2021-03-05 03:10 Zhentiw 阅读(55) 评论(0) 推荐(0)