Йесод CSS Луций

Question

Я создал таблицу в моем хуторе файле:

<table> 
$forall ivlist <- y 
    <tr> 
     $forall iv <- ivlist 
     <td>^{fvInput iv} 

и соответствующим CSS в Луций файле:

td { 
    width:1em; 
    height:1em; 
} 

CSS-был также генерироваться, как и ожидалось, но выход был другой. Когда я меняю height и width на какое-то более высокое значение, это изменение было видно, но когда я меняю его на суммирование более низкого значения, оно больше не уменьшается.

Here образ сгенерированной таблицы

Я не мог изменить столбец width .Я хотел, чтобы сделать его квадратным. Но я не знаю, что делать. Я использую статический файл bootstrap.css, а также каждую ячейку input. Я думаю, проблема должна быть связана с некоторыми значениями по умолчанию в бутстрапе. но я не мог найти, что нужно изменить. Я пробовал несколько изменений, таких как изменение width и изменение файла загрузки bootstrap.css, но я не получил требуемых результатов.

input[type="range"] { 
    display: block; 
    width: 100%; 
} 

Вкратце, как мне изменить ячейку width? Что я должен изменять, чтобы видеть изменения в width из table?

Answer 1

У меня есть. Это было просто. Это изменение должно было быть сделано в теге input. Поэтому я добавил в свой файл lucius следующее:

input { 
    width:3em; 
} 

, который позволял мне контролировать ширину.