Styling radio buttons

radio button or option button is a little circular element that allows the user to choose only one of a predefined set of mutually exclusive options. Each radio button is normally accompanied by a label describing the choice that the radio button represents.

Radio buttons were named after the physical buttons used on older radios to select preset stations – when one of the buttons was pressed, other buttons would pop out, leaving the pressed button the only button in the “pushed in” position.

If you stick with the default options, radio buttons look different on different browsers, and most of all they look disconnected from the graphic style of a website.  This is how radio buttons look by default in your browser:



Fortunately the styling of radio buttons became possible with the introduction of CSS3. There are literally hundreds of different ways you can style your CSS radio buttons and checkbox input fields. We have made a basic style in only CSS that serves as starting point for our projects’ radio buttons. We then experiment with color, style, and even functionality to make them completely customized and unique for each client.

Here is our HTML and CSS3 only styled radio buttons, compatibles with all browsers. Feel free to use the code.

See the Pen CSS styled Radio Buttons by Jacopo Drago (@jacopo-drago) on CodePen.


Notice of Summer Closure

We will be closed for summer holiday during the period below.

Your understanding and cooperation would be appreciated.

Holiday Period: August 13th(Mon) ~ August 16th(Thu)


メンテナンスされていますか?

ウェブサイトはメンテナンスが必要です。

御社のホームページは、https接続できていますか?表示速度が遅くなっていませんか?

aPostoでは御社の既存ホームページの保守が可能です。

御社のホームページの表示速度を計測


Disabling TLS 1.0 and 1.1 for all our services

We have disabled TLS 1.0 and 1.1 encryption protocols across our services.

What do I need to do?

When accessing websites using a web browser, ensure you use the latest available version of the browser – whether that is Internet Explorer, Google Chrome, Mozilla Firefox, Safari or another browser. Using the newest version keeps you safe online because they have current security settings.


We have just renewed our website!

Dear clients and partners!

As you can see, we have completely renewed our website!

We hope that you will like the renewed version of our Website!