Table Management: Editor: Item Detail Settings: Field CSS
## Overview
Use this to apply CSS to the field elements of items, including the "[Display Name](/en/manual/table-management-label-text)" label of "Input Item". By specifying a CSS class name, you can specify any class name for each item and apply a "[Style](/en/manual/table-management-style)".
## Restrictions
1. Cannot be used with "[Comment Item](/en/manual/table-management-comments)".
## Prerequisites
1. "Site Administration Permission" is required to configure settings.
## Operation Image
Specify the class names "field-test" for "Field CSS" of "[Classification Item](/en/manual/table-management-class)" and "control-test" for "[Control CSS](/en/manual/table-management-extended-control-css)".



Set the style for the specified class as follows. (Check Create New here)
##### CSS
```
.field-test {
background-color: red;
}
.control-test {
background-color: green;
}
```
When creating a new one, it will be displayed as follows.


Field CSS can be used to decorate labels, adjust layout, and hide items, while control CSS can be used to resize input fields and get item values.
## Related Information
<div id="ManualList"><ul><li><a href="/en/manual/table-management-class">Table Management: Item: Classification</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-comments">Table Management: Item: Comment</a><span>08.13.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-label-text">Table Management: Editor: Item Detail Settings: Display Name</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-extended-control-css">Table Management: Editor: Item Detail Settings: Control CSS</a><span>08.13.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-style">Table Management: Style</a><span>08.13.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />