Yesod CSS 卢修斯

Question

我在我的小村庄文件中做了一个table：

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

及其在 lucius 文件中的相应 css：

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

CSS也按预期生成，但输出不同。当我将 height 和 width 更改为某个更高的值时，更改是可见的，但是当我将其更改为求和较低的值时，它不再减少。

Here是生成的图像table

我无法更改列 width。我想让它变成正方形。但我不知道应该做什么。我使用的是静态 bootstrap.css 文件，而且每个单元格都是 input。我认为问题应该是由于 bootstrap 中的某些默认值引起的。但我找不到应该更改的内容。我尝试了一些更改，例如更改 width 和修改 bootstrap.css 文件，但没有得到所需的结果。

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

简而言之，我该如何修改单元格width？我应该修改什么才能看到 table 的 width 中的变化？

Answer 1

我明白了。这很简单。将对 input 标记进行更改。所以我将以下内容添加到我的 lucius 文件

input {
    width:3em;
}

这让我可以控制宽度。

Yesod CSS 卢修斯

Yesod CSS lucius

html

css

yesod

twitter-bootstrap