CSS3 replaces traditional JavaScript for styling purpose: Checkbox styling example

14 Nov. 12
5.2 K VIEWS

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.

Blog A directory of wonderful things

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 …

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 …

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 …

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 …

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 …

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 …

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 …

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 …

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 …

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 …

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 …

CONTACT US

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

For immediate assistance in sales or support, please call us on:

+1-631-954-6922

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