Snippets tagged “focus”
8 snippets use this tag.
- How to Auto-Hide a Placeholder Text on Focus with CSS and jQueryCSS
The placeholder attribute describes the expected value of an input field. See how to auto-hide placeholder text on focus using HTML, CSS, and jQuery.
- How to Create a Glowing Border Around an Input FieldCSS
In this snippet, we’re going to demonstrate some examples of creating a glowing border around an input field. For that, you need to use some CSS properties.
- How to Hide the HTML5 Number Input’s Arrow ButtonsCSS
In this tutorial, you will read and learn several methods that are used to hide HTML5 arrow buttons from the number input with the help of CSS properties.
- How to Prevent Tab Indexing on Specific ElementsHTML
In this snippet, we demonstrate how it is possible to prevent tab indexing on specific elements. Read our tutorial to find out the answer and also try examples.
- How to Remove and Style the Border Around Text Input Boxes in Google ChromeCSS
Use outline: none to remove the ugly border color for a form field in Chrome. Learn also how to give your own style for showing that the box is active. All with examples.
- How to Remove Focus Around Buttons on ClickHTML
In this snippet, you can see how to remove the focus around a button on click. To solve this problem, you use the CSS outline property with the “none” value.
- How to Select All Text in HTML Text Input When Clicked Using JavaScriptJavaScript
Read the tutorial and learn the two methods of selecting the entire text in HTML text input when clicked using JavaScript code snippets. Also, see examples.
- How to Style the Selected Label of a Radio ButtonCSS
In this snippet, learn how you can style the selected label of a radio button. For that, you need to use the CSS :checked pseudo-class and some properties.