如何检查伪元素webkit-calendar-picker-indicator[重复]
请帮助我用开发人员工具检查伪元素webkit-calendar-picker-indicator。
input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=date]{
-webkit-appearance: none;
padding-right: 0;
height: 2.23rem;
}
input[type="date"]::-webkit-calendar-picker-indicator{
-webkit-appearance: none;
opacity: 1;
color: rgba(0, 0, 0, 0);
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OSAzOCIgd2lkdGg9IjU5IiBoZWlnaHQ9IjM4Ij4NCgk8ZGVmcz4NCgkJPGNsaXBQYXRoIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iY3AxIj4NCgkJCTxwYXRoIGQ9Ik0tMTA4NyAtNjMyTDgzMyAtNjMyTDgzMyAxNTgzTC0xMDg3IDE1ODNaIiAvPg0KCQk8L2NsaXBQYXRoPg0KCQk8aW1hZ2Ugd2lkdGg9IjU5IiBoZWlnaHQ9IjM4IiBpZD0iaW1nMSIgaHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFEc0FBQUFtQ0FNQUFBQk5zeFBFQUFBQUFYTlNSMElCMmNrc2Z3QUFBTHBRVEZSRkFBQUF0TFMwdExTMHRMUzB0TFMwdExTMHRMUzB0TFMweHNiRzR1TGk3Ky92OHZMeTA5UFQxTlRVdExTMHRMUzB0TFMweDhmSHRMUzB0TFMwMjl2YnM3T3p5c3JLM3Q3ZTVlWGx6TXpNdTd1NzhmSHg2dXJxMXRiVzdlM3R3OFBEMnRyYXljbkp0N2Uzd01EQXZyNiszOS9mMTlmWHhNVEU4UER3dkx5ODdPenM2ZW5wemMzTnVibTUwdExTMGRIUnhjWEY3dTd1ejgvUDBORFE1dWJtMmRuWjFkWFYzTnpjeU1qSXpzN090TFMwdExTMHRMUzB0TFMwdU03WEtRQUFBRDUwVWs1VEFBWnV4L1AvRzgvLy8vLy8vLy9RQjIzLytmai8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vOUZ2eS9Ud2NtQ3BBQUFCbTBsRVFWUjRuTjNWMjNLQ01CQUdZQlZUSmVzcHJZc0NBaXJRNHJIR1kxdjEvVityZ1lEVm1jSUl2WENtL3cxTW1BOUNzckNsMGdOVHJpaFZraU5WcFZLTzZWT3RybExJRWFyV2EwL3lxYlZHSGlqVGJMVkQyNm5ucHdDc0UxcEZMV0pWSmJUUHVkNDFDWDBKTFNsQ0FjaC9zRjNVNUFuRDN0VndYemNJTWZSK2hqVUhGakpiRmJFZEhBN01lSmlPRU1ldU8wWWMwVlNyYThMMlVLUW5yS2JIMUVYUE53ZTI2WHZvMGpScmFLK0pmY091WnNqUkViSUF3QkYzQ2hpT1V1MWs2cy9tb1ozUGZIc2liUjg5UWNFSkZ5THdzSjltY2VGNEdNVnpGaWl0amo0a0ZuelVVKzFOcERYRzVvODF4MGFxWFE0dmVZOHRjYU9Ec3hMTFB3T1hwRnB1cnkzWWJNQmEyL3pXcnNLWnVKbDJLd1NpT052eTJ6a0hBeEdhTldmT0d6dlk3MkhYNFB4MnJXU3kxb3JUcmcrSEEvaGRtdGg0ajZKazd0RXZjNDVySTZKWnRZRjhxaTFCMTJHcFRTOVcxcVRZbjh5YW5PREg1eVVNSi9Id1hkK0NSYTVMZzFpWEMzZDhnN255VUZ2dy8xejlhMStvc0NLV1ZVTGJialh6MCtaWHUyai9aWEgvRlIzNGVEcm42ZnZuMHpIcCswWHpEUXJNYTlkZ014am1BQUFBQUVsRlRrU3VRbUNDIi8+DQoJPC9kZWZzPg0KCTxzdHlsZT4NCgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQ0KCTwvc3R5bGU+DQoJPGcgaWQ9Ik9mZmVyaW5nX2RldGFpbHNfdjMiIGNsaXAtcGF0aD0idXJsKCNjcDEpIj4NCgkJPGcgaWQ9IlJlc2VydmUgaW52ZXN0bWVudCBtb2RhbCI+DQoJCQk8dXNlIGlkPSJjYWxlbmRhciBLb3BpZSIgaHJlZj0iI2ltZzEiIHg9IjAiIHk9IjAiIC8+DQoJCTwvZz4NCgk8L2c+DQo8L3N2Zz4=") no-repeat;
height: 93%;
width: 2.8rem;
top: 0;
z-index: 0;
position: absolute;
right: 3.1rem;
top: -2px;
bottom: 0px;
}
我如何使用开发人员工具检查这一个？我可以看到输入的样式，但不能看到日历选择器指示器的样式。是否可以查看和编辑此伪元素的样式？
共有1个答案
重复：使用开发人员工具检查webkit-input-placeholder
在devtools的设置中启用[Show user agent Shadow DOM]。
-
问题内容： 我有两个div元素。他们每个人都有450px的宽度和高度。如何检查第一个div是否与第二个div重叠？ 我尝试使用javascript hittest，但是有点复杂。由于我试图找出其实际工作方式，因此我想从一个简单的代码开始。 我发现可以使用 .getClientRects 来获取元素的边界，但是我不确定如何比较边界。 请给我提意见！ 问题答案： 类似这样的东西，并通过getBound
-
问题内容： 我有一个：before开头的’quote’和一个：after结束的报价。 现在，我想要的是一个：after：after供“引用”参考，但我无法使其正常工作。 有人知道这是否可能吗？ 到目前为止，我的代码： 问题答案： 已经提出了嵌套和伪元素的想法；请参阅“生成和替换的内容”模块的这一部分。但是，该模块已被放弃，等待完全重写，因此在重新发布该文档之前，我不会屏息。即便如此，嵌套内容伪元素
-
我使用CSS属性来控制webkit浏览器的日期输入字段的外观。为了做进一步的调试，我想在我的开发工具中检查它。 下面是一个代码页：https://codepen.io/neiya/pen/joerjqb 是否可以使用Chrome或其他浏览器开发工具查看和编辑这些属性？
-
我有一个简单的核心java问题。我有一个包含多个响应代码的列表。我根据列表中的响应代码返回消息。对于其中一个场景，我必须检查列表中是否包含任何一个响应代码。我用以下方法完成了它，但它忽略了它，代码转到else块。因此，如果代码是ES03或ES04或其中任何一个，我希望填充emailValidationMessage变量，但它不这样做。 谢谢
-
我有一对夫妇的变量，我想保存或不保存到数据库取决于是否我已经设置为隐藏/可见的javascript函数，我已经搜索了一段时间，但找不到任何东西。谢谢！
-
主要内容：1. ::after,2. ::before,3. ::first-letter,4. ::first-line,5. ::selection,6. ::placeholder伪元素是一个附加在选择器末尾的关键词，通过伪元素您不需要借助元素的 ID 或 class 属性就可以对被选择元素的特定部分定义样式。例如通过伪元素您可以设置段落中第一个字母的样式，或者在元素之前、之后插入一些内容等等。 在 CSS1 和 CSS2 中，伪元素的使用与伪类相同，都是使一个冒号 与选择器相连。但在 C