|
|
| 第1行： |
第1行： |
| <li class="btn btn-default cardSelectOption" href="#" role="button" data-option="{{{1|}}}|{{{2|}}}" data-group="{{{1|}}}" {{#switch:{{{交集|}}}|是=data-opt="AND"}} style="{{{CSS|}}}">{{#if:{{{3|}}}|{{{3|}}}|{{{2|}}}}}</li> | | <li class="btn btn-default cardSelectOption" href="#" role="button" data-option="{{{1|}}}|{{{2|}}}" data-group="{{{1|}}}" {{#switch:{{{交集|}}}|是=data-opt="AND"}} style="{{{CSS|}}}">{{#if:{{{3|}}}|{{{3|}}}|{{{2|}}}}}</li> |
| <noinclude>[[分类:模板]]</noinclude> | | <noinclude>[[分类:模板]]</noinclude> |
| {{#css:
| |
| .btn {
| |
| display: inline-block;
| |
| padding: 6px 12px;
| |
| margin-bottom: 0;
| |
| font-size: 14px;
| |
| font-weight: 400;
| |
| line-height: 1.42857143;
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| vertical-align: middle;
| |
| -ms-touch-action: manipulation;
| |
| touch-action: manipulation;
| |
| cursor: pointer;
| |
| -webkit-user-select: none;
| |
| -moz-user-select: none;
| |
| -ms-user-select: none;
| |
| user-select: none;
| |
| background-image: none;
| |
| border: 1px solid transparent;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .btn-default {
| |
| color: #333;
| |
| background-color: #fff;
| |
| border-color: #ccc;
| |
| }
| |
|
| |
| li.btn.cardSelectOption.selected {
| |
| color: #333!important;
| |
| background-color: #e6e6e6!important;
| |
| border-color: #adadad!important;
| |
| outline: 0;
| |
| -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
| |
| box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
| |
| }
| |
| @media only screen and (max-width: 600px) {
| |
| li.btn.cardSelectOption {
| |
| padding: 4px 8px;
| |
| font-size: 12px;
| |
| }
| |
| li.btn.cardSelectOption:hover {
| |
| color: #333;
| |
| background-color: #fff;
| |
| border-color: #adadad;
| |
| }
| |
| }
| |
| }}
| |