0

outline

I have tested the following code, but it doesn't seem to be effective.

input[type="range"],
::-webkit-slider-runnable-track {
  border: none;
  outline: none;
}

I am aware that the CSS appearance property allows us to hide the default appearance and apply custom styles. However, I am specifically looking for a way to hide only the outline without affecting the default appearance.

To run WebKitGTK, you can use Gnome Web on a Linux system, and for WPE WebKit, you can use WPE Android on an Android device.

Improve this question
2
  • Have you tried writing two separate rulesets (one for the input element, and one for the track pseudo-element) instead of combining them as a selector list? Sometimes non-standard pseudo-elements don't play well in selector lists. Commented Oct 23, 2023 at 16:56
  • @Sean Yes, I tried using separate rulesets for the input element and the track pseudo-element, but unfortunately, neither of them produced the desired results. Commented Oct 23, 2023 at 17:17
Related questions
1902
How to align checkboxes and their labels consistently cross-browsers
2325
How do you parse and process HTML/XML in PHP?
1254
How can I center text (horizontally and vertically) inside a div block?
Load 5 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.