Radio button style - Forum

Forum Navigation
You need to log in to create posts and topics.

Radio button style

How can I change the direction of "neoradio" CSS style  right-to-left?

I have taken this style from  (checkbox-CSS.neoapp) sample.

 

 

Not sure, but try adding this to Project > Properties > Styles

.neoradio{
  direction: rtl;
}

 

I have tried that but it does not work.

 

This is the complete neoradio CSS code.
Perhaps someone with some time and right to left language knowledge can fix it:

.neoradio [type="radio"]:not(:checked),
.neoradio [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.neoradio [type="radio"]:not(:checked) + label,
.neoradio [type="radio"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* aspect */
.neoradio [type="radio"]:not(:checked) + label:before,
.neoradio [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 0.15em solid #aaa;
  background: #fff;
  border-radius: 100px;
}
/* selected mark aspect */
.neoradio [type="radio"]:not(:checked) + label:after,
.neoradio [type="radio"]:checked + label:after {
  content: "\2713\0020";
  position: absolute;
  top: .2em; left: .2em;
  font-size: 1.1em;
  line-height: 0.8;
  color: #444444;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode','Arial Unicode MS', Arial;
}
/* mark aspect changes */
.neoradio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.neoradio [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled */
.neoradio [type="radio"]:disabled:not(:checked) + label:before,
.neoradio [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.neoradio [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.neoradio [type="radio"]:disabled + label {
  color: #aaa;
}
/* hover style just for information */
.neoradio label:hover:before {
  border: 0.15em solid #888!important;
}

 

asmat has reacted to this post.
asmat