Jump to content

CSS Anpassen "custom-radio" Button grösser machen


Recommended Posts

Hallo Zusammen

1.7.6.4 PHP 7.2 Classic mit Child

Ziel ist es die Auswahl Buttons grösser zu machen

Problem ich kriege checked (rot) nicht in die Mitte 

Habt ihr da eine Idee ?

 

.custom-radio {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;

    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #7a7a7a;
    background: #fff;
    margin-right: 1.25rem;
}

 

custom-radio input[type=radio]:checked+span {
    display: block;
    background-color: #cd0a0a;
    width: 25px;
    height: 25px;

    border-radius: 50%;
    position: absolute;
    left: .125rem;
    top: .125rem;

 

image.png.36f8542472225100052b4a65edee5c19.png

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...