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)".
![image](https://pleasanter.org/binaries/67cee815afd44a82995144cac01018c0)
![image](https://pleasanter.org/binaries/e8c9eaf5e0b34aa08e4a51eb42052017)
![image](https://pleasanter.org/binaries/2a0820364b9844dfa23d4e785a9ed9ed)
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.
![image](https://pleasanter.org/binaries/494085dc2444438d9f21c6ed92bc6f09)
![image](https://pleasanter.org/binaries/9adbca255cfd4ed39e66678e4be70630)
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="" />