- Posts: 17
- Thank you received: 0
Ask the community, share ideas, and connect with other LimeSurvey users!
<span style="background-color:blue;color:red;font-size:14pt;font-style:italic;border: 1px solid green;padding:5px 20px">stimme zu</span>
<style type="text/css">.thumbs-question .answer-container { padding-top: 1em; } .thumbs-question .radio label, .checkbox label { min-height: 48px; line-height: 48px; margin: 10px 0; } .thumbs-question .radio label::before { background-color: transparent; border: 0 none; border-radius: 0; height: auto; width: auto; left: 0; transition: all 0.15s ease-in-out 0s; font-family: FontAwesome; font-size: 48px; content: "\f164"; color: #CCC; } .thumbs-question .radio-list .answer-item.radio:nth-child(2) label::before { content: "\f165"; } .thumbs-question .radio label:hover::before { color: #b9cc14; opacity: 0.5; filter: alpha(opacity=50); } .thumbs-question .radio-list .answer-item.radio:nth-child(2) label:hover::before { color: #e75041; } .thumbs-question .radio input[type="radio"]:checked + label::before { color: #b9cc14; outline: none !important; opacity: 1; filter: alpha(opacity=100); } .thumbs-question .radio-list .answer-item.radio:nth-child(2) input[type="radio"]:checked + label::before { color: #e75041; } .thumbs-question .radio label::after { display: none; } .thumbs-question .answer-item { float: left; width: auto !important; margin: 0 10px 10px 10px; } </style> <script> $(document).ready(function() { $('.thumbs-question input.radio').on('click', function(e) { $('#movenextbtn, #movesubmitbtn').trigger('click'); }); });</script>
<span style="background-color:blue;color:white;font-size:14pt;border: 1px solid green;padding:5px 42px">stimme zu</span>
<span style="background-color:red;color:white;font-size:14pt;border: 1px solid green;padding:5px 20px">stimme nicht zu</span>
<button class="btn btn-info">Stimme zu</button>
<button class="btn btn-danger">Stimme nicht zu</button>