The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Auto-select a selector and hide if only one option exists.
I have been looking at a post by Chris https://css-tricks.com/force-selection-text-block/ and wonder if this is possible to accomplish via CSS or other simple mean:
This is what booking the selection looks like:https://pasteboard.co/HI8VaZs.png (opens in new window)
Browser Inspector Showing Code : https://pasteboard.co/HI9hVFq.png (opens in new window)
Page with Bookly Extension in use(opens in new window)
In ecommerce (and on other UI, best practice) auto-selecting a selection, if only one option is available to a user seems standard.
On the page from this screenshot, the option for time is always 09:00 so, the extra step seem pointless for the user.
Can this be achieved via CSS – Auto-select the box with 0900 then hiding it to create a better UX for the user?