html - 语义 UI - 中具有不同格式的文本区域

Question

我正在使用 Semantic 来设计元素的样式，我需要从表中的字段中插入一个 textarea，但 textarea 中的样式似乎没有得到尊重，它看起来很丑。

在表格中我还使用了一些其他语义对象，但它们没有受到影响，看起来应该如此。

这是它的外观图片:

如您所见，文本区域看起来不应该。但其他方面看起来还不错。

这是表格的代码:

<table class = "ui celled stripped table">
        <thead>
            <tr>
                <th>
                    Nombre
                </th>
                <th>
                    Personalidad
                </th>
                <th>
                    Pide extensión
                </th>
                <th>
                    Contexto
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class = "collapsing">
                    Nombre nombre apellido apellido
                </td>
                <td class = "collapsing">
                    <div class = "ui multiple search selection dropdown" dropdown-search-personalities>
                        <input type = "hidden">
                        <i class = "dropdown icon"></i>
                        <div class = "default text">Selecciona...</div>
                        <div class = "menu">

                        </div>
                    </div>
                </td>
                <td class = "collapsing">
                    <div class="ui fitted slider checkbox">
                      <input type="checkbox"> <label></label>
                    </div>
                </td>
                <td class = "collapsing">
                    <textarea></textarea>
                </td>
            </tr>
        </tbody>
    </table>

我是否缺少文本区域的类？语义文档没有显示要为文本区域添加的任何类...

非常感谢!

Answer 1

看起来 Semantic UI textarea 只能在 <div class='ui form'> 中使用或 <Form>元素。