CSS3 replaces traditional JavaScript for styling purpose: Checkbox styling example


Nov. 12

6.47 K


HTML5 and CSS3 is advance level client side programming (we cant get away with it). CSS3 has opened up all new horizon for UI Designer Today We want to show one small but effective feature of CSS3, which will help you to design Web Applications as well as Mobile Application.

CSS3 and Checkbox Checked Styling

If you want to put a different style or customised style on Checkbox checked item or Radio Button Selected Item previously you had to do it by JavaScript but now you can do it by CSS3 J .

input[type=”checkbox”]:checked { YOUR STYLE}

This Pseudo selector :checked will help you to put whatever CSS you want to apply when Checkbox  is checked.

It can be done for Radio Button as well by same pesuedo selector using input type = radio

input[type=”radio“]:checked {}

I hope these little styling tips will help you to do better Website Design.


Lets Nurture
Posted by Lets Nurture

Blog A directory of wonderful things

Which Web Animation Tools Should You Use With Web App Development?

If you have ever come across a website that utilizes animated banners, has canvas animations on complicated drawings, or has beautifully rendered 3D animations on graphic icons, you can understand …

7 Reasons to Believe for Laravel’s Prominence in 2017

In the span of two years, developers have used number of frameworks for different languages. This includes, Yii2, Symphony, Ruby on Rails etc. But there is one particular framework which …

Internet Security : Keeping your WordPress Website Safe

There is a famous quote by Sir Isaac Newton – “What we know is a drop and what we don’t know is ocean”. The very same thing goes when are …

Next Level Mobile Friendliness Website Just in 3 Steps!

Google’s Mobile friendly Up-dates come out these days and also officially announced about its mobile friendly ranking algorithm changes.  These changes are impact on websites that aren’t mobile friendly, this …

Font Awesome The iconic font designed for Bootstrap

If you are working on responsive website design (RWD), you might have faced issue with resizing icons and finding appropriate icons with similar theme. ‘Font Awesome’ is one of the …

Forrester Says JavaScript Rocks The Cloud Computing World

If you are a developer you must atleast have some basic understanding of JavaScript and there are good chances that you might enjoy working with it too. After all it …

Secure WordPress CMS website with OSE firewall Plugin

WordPress has major issue and that is “security”, if you ask any wordpress user they would always emphasize on security concern while using wordpress. As a WordPress web developers we …

Importance of displaying telephone numbers to Improve Website’s User Experience

User Experience is always an important part of any Website development project. It is always important to try something and tweak your html to improve website development. Phone Numbers and …

easyReservations – WP Plugin Review For WordPress Website Customization

In the past decade business websites have come a long way from just being brochures that point your customers in your direction providing an address and phone number. With the …

Bring Your Concept Online With a Stunning Website

Someone has rightly said that, ‘Your customers step at your store looking at the design and interior” the same applies to your online store The more interactive and lively is …

Pains Of Do It Yourself Websites

Sometimes doing it right and exactly right makes the entire difference. Sure you have made your website look decent with the help of DIY (do It Yourself) websites that claim …


Have an !dea or need help with your current business?

We use cookies to give you tailored experiences on our website.