тег ввода стиля

Question

ASP.Net имеет тег с именем CheckboxList. Вывод этого тега выглядит следующим образом:

<table class="checkbox">
<tbody>
<tr>
    <td>
        <input id="/*longdynamicstring1*/" type="checkbox" name="/*longdynamicstring2*/" />
        <label for="/*longdynamicstring1*/">Label Text</label>
    </td>
</tr>
</tbody>
</table>

Я хочу разместить метку и ввод, но не могу понять, как это сделать. Пробовал следующее:

.checkbox input{
padding-right: 5px;
}

и

.checkbox input[type='checkbox']
{
    padding-right: 5px;
}

но ни один из них не имел никакого эффекта. Поскольку это ASP, я не могу установить класс для элементов ввода и не могу ссылаться на идентификатор, потому что он динамический.

Answer 1

Ваш селектор работает хорошо, просто padding не влияет на флажок. Маржа будет работать, например:

.checkbox input {
    margin-right: 50px;
}

Посмотри в действии: http://jsbin.com/irari

Кроме того, обратите внимание на свойство RepeatLayout - оно может сделать созданный HTML более удобным для CSS.