选择颜色的线条（商务花哨属性）
您好！请帮我一下。
问题在于，我无法将商品颜色选择 commerce fancy attributes 排成一行，现在的样子是这样的 - http://floomby.ru/s1/yYjG82 。我尝试编写 CSS 但没有成功……我非常希望您能帮助我，告诉我在 page.css 中需要写什么。
这是代码：
<label for="edit-attributes-field-colors">选择颜色：</label>
<div id="edit-attributes-field-colors" class="form-radios"><div class="form-item form-type-radio form-item-attributes-field-colors">
<input type="radio" id="edit-attributes-field-colors-34" name="attributes[field_colors]" value="34" checked="checked" class="form-radio" /> <label class="option" for="edit-attributes-field-colors-34">白色 </label>
<div class="description"><div class="description-selected"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="白色" style="background-color: #ffffff;" class="commerce-fancy-attributes-color"></div></div></div></div></div></div>
</div>
<div class="form-item form-type-radio form-item-attributes-field-colors">
<input type="radio" id="edit-attributes-field-colors-35" name="attributes[field_colors]" value="35" class="form-radio" /> <label class="option" for="edit-attributes-field-colors-35">黑色 </label>
<div class="description"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="黑色" style="background-color: #000000;" class="commerce-fancy-attributes-color"></div></div></div></div></div>
</div>
<div class="form-item form-type-radio form-item-attributes-field-colors">
<input type="radio" id="edit-attributes-field-colors-36" name="attributes[field_colors]" value="36" class="form-radio" /> <label class="option" for="edit-attributes-field-colors-36">米色 </label>
<div class="description"><div class="field field-name-field-hexadecimal field-type-text field-label-hidden"><div class="field-items"><div class="field-item even"><div title="米色" style="background-color: #FF9966;" class="commerce-fancy-attributes-color"></div></div></div></div></div>
</div>
</div>
</div>