Remove "x" from Input type time

Asked

Viewed 353 times

0

inserir a descrição da imagem aqui

How do I remove this xis and scroll bar from input time?
I want the field to be clear, only by the hour.
Remembering that this "xis and this scroll bar" are already input time standards

css3

  • "x" is already standard input

  • I believe I can not remove, who renders this is the browser and each browser has this type of input with the specific appearance as you can read here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/time#Apar%C3%Aancia

  • @Leandrade is true, but I found a solution to remove at least the scroll bar

  • @hugocsl vlw helped me

  • Legal Caio que bom que ajudou ai, consider marking the suggestion of duplicate. []s

1 answer

0

I was able to remove the scroll bar and the "x" that appears on Chrome with these codes

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

input[type="time"]::-webkit-inner-spin-button
{
    display: none;
}
<input type="time">

Browser other questions tagged css3

You are not signed in. Login or sign up in order to post.