css - 時間フィールドのwebkit css疑似要素

Question

入力用のwebkit疑似要素に関する興味深い投稿を見つけたので、input type="time" からキャンセルボタンを削除する必要がありましたが、マーシーの法則により、この疑似要素はどこにも記述されていません。誰かが知っているなら、私に投稿してください。

PS私はすでに試しました

::-webkit-search-cancel-button
::-webkit-input-cancel-button 
::-webkit-time-cancel-button
::-webkit-time-cancel-button

もちろん、:after要素でこれを行う方法はありますが、これには疑似要素がないと思います

input[type="time"]::after
{
    content: "";
    background: #FFF;
    height: 20px;
    width: 10px;
    position: absolute;
    margin: 0 -10px;
}

score 10 · Accepted Answer

それは::-webkit-clear-button

だから使う

input[type="time"]::-webkit-clear-button{
    display:none;
}

そのようなものを見つけるには、要素の下のコンソールオプションからShow Shadow DOMを有効にします。

このように、要素を選択すると、input要素を開いてボンネットの下を見ることができます..

score 3 · Accepted Answer

Internet Explorer 10 がこのような擬似要素をサポートしていることは知っていました::-ms-clear。
そこで、Chromium のソースコードで「webkit-clear」を検索::-webkit-clear-buttonしたところ、 .

この JSFiddleは、::-webkit-clear-button疑似要素が望ましい効果を持っていることを示しています。

input[type="time"]::-webkit-clear-button {
    display: none;
}

2 に答える 2