No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Q-input hidding the clock

    Framework
    datatable
    2
    3
    677
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      codethirsty last edited by

      When the input is type=‘time’ a little clock appears like a wild pokemon on the right. How can i hide this elusive icon.
      Thanks

      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @codethirsty last edited by dobbel

        @codethirsty

        input[type="time"]::-webkit-calendar-picker-indicator {
            background: none;
        }
        

        See:
        https://stackoverflow.com/questions/61934148/hide-the-icon-on-a-html-time-input-field-in-chrome

        C 1 Reply Last reply Reply Quote 0
        • C
          codethirsty @dobbel last edited by

          @dobbel said in Q-input hidding the clock:

          input[type=“time”]::-webkit-calendar-picker-indicator {
          background: none;
          }

          thanks @dobbel . I couldn’t reach that class. Now thanks to you i got the bull by the horns. With

          background:none;
          

          the place where the clock was is still used. So I used

          input[type="time"]::-webkit-calendar-picker-indicator {
              display: none;
          }
          

          and the space is displayed no more. Thanks again!

          1 Reply Last reply Reply Quote 0
          • First post
            Last post