0

ソフトウェアによって生成された次のような私のコードで、値を変更することはできません。

<div class="cred-field cred-field-ticket-month-or-course">
<div class="cred-label">Month or Course</div>
<div id="cred_form_3584_1_wpcf-ticket-month-or-course-radios" class="myzebra-radios">
<div class="myzebra-radios-single">
<label class="myzebra-style-label">
<input id="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2" class="myzebra-control myzebra-radio myzebra-prime-name-wpcf-ticket-month-or-course" type="radio" checked="checked" value="wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2" name="wpcf-ticket-month-or-course">
<span class="myzebra-radio-replace"></span>
</label>
<label id="cred_form_3584_1_label_wpcf-ticket-month-or-course_wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2" for="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2">per month</label>
</div>
<div class="myzebra-radios-single">
<label class="myzebra-style-label">
<input id="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" class="myzebra-control myzebra-radio myzebra-prime-name-wpcf-ticket-month-or-course" type="radio" value="wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" name="wpcf-ticket-month-or-course">
<span class="myzebra-radio-replace"></span>
</label>
<label id="cred_form_3584_1_label_wpcf-ticket-month-or-course_wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" for="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1">per course</label>
</div>
</div>
</div>
<div style="clear: both;"></div>

このラジオボタンを並べて（水平に）配置するのに助けが必要です。

同じページの他のラジオボタンに影響を与えるため、これはできません。他のテクニックはありますか？

.myzebra-radios-single {
  float: left;
}
4

2 に答える 2

0

CSSカバーを使用できます。

<div id="cred_form_3584_1_wpcf-ticket-month-or-course-radios" class="myzebra-radios">

次のように、クラス「シングル」を追加します。

<div id="cred_form_3584_1_wpcf-ticket-month-or-course-radios" class="myzebra-radios single">

およびCSSコード：

.single .myzebra-radios-single{ float:none;}

クラスは、クラスの前にあるsingle任意の親に追加できます.myzebra-radios-single

次のようにクラスを追加します。

$('#cred_form_3584_1_wpcf-ticket-month-or-course-radios').addClass('single');
于 2013-01-15T06:34:57.993 に答える
0

ID は一意である必要があります

ターゲットにすることができます

#cred_form_3584_1_wpcf-ticket-month-or-course-radios .myzebre-radios-single

つまり、ターゲットにしたいクラスですが、それが指定された id の子孫である場合に限ります

于 2013-01-15T06:59:50.660 に答える