0

对于扩展,我创建了一个 fileFolder 选择字段:

"image" => Array (  
    'label' => "LLL:EXT:my_collection/Resources/Private/Language/locallang_db.xlf:tx_mycollection_domain_model_mycollection.image",
    'config' => Array (
        'type' => 'select',
        'items' => Array (
            Array('',0),
            ),
        'fileFolder' => 'produktbilder',
        'fileFolder_extList' => 'jpg,jpeg',
        'fileFolder_recursions' => 0,
        'size' => 15,
        'minitems' => 0,
        'maxitems' => 1,
        'renderType' => 'selectSingle',
    ),
),

有了这个,我得到了文件夹中所有文件的列表produktbilder作为选择列表。当我选择一个时,我会在它旁边看到一个小图标。

问题是,这个图标太小了。backend.css 中有 2 个 CSS 指令导致此问题:

.input-group-icon {
    width: 32px;
    vertical-align: middle;
}
.input-group-icon img {
    width: 100%;
    max-height: 28px;
}

我现在想做的是用以下内容覆盖它:

.input-group-icon {
    width: 150px;
}
.input-group-icon img {
    max-height: none;
}

但是仅仅在 backend.css 中覆盖它并不是一个好的解决方案。例如,它也使语言选择中的语言图标字段更宽。

我找不到任何设置来设置自定义类或自定义样式或其他东西,以便我只能设置此字段的样式。

任何想法?

4

0 回答 0