편집 영역
본 페이지는 스타일 영역 구분중 편집 영역에 대한 설명입니다.
다른 영역에 대한 설명은 아래 링크를 참고하세요.
rg-editor-*
RealGrid에서 셀 편집시 활성화되는 여러 기본 편집기들의 스타일을 지정할 수 있습니다.
아래 데모는 기본제공되는 텍스트 에디터의 색깔을 변경하는 예 입니다.
.rg-editor-container > input,
.rg-editor-container > textarea {
/* 에디터 색깔 변경 */
background-color: #0000ff;
line-height: normal;
text-align: left;
color: #000000;
font: inherit;
ime-mode: auto;
cursor: text;
}rg-dropdown-*, rg-dropdownlist
드롭다운 편집기에도 rg-dropdownlist, rg-dropdown-item, rg-dropdown-select와 같은 여러 스타일 클래스를 포함하고 있으며 모두 변경이 가능 합니다.
아래 데모는 드롭다운 편집기의 선택 목록 색깔을 변경하는 예 입니다.
.rg-dropdownlist {
color: #656d7b;
/* 드롭다운 편집기 샐깔 변경 */
background: #0000ff;
border: 1px solid #9aa1ac;
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
font-size: 10pt;
padding: 0px;
margin: 0px;
}rg-calendar-*
.rg-calendar {
font-size: 12px;
/* 달력 편집기 색깔 변경 */
background: #0000ff;
border: 1px solid #d2d5da;
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}