ThemeRoller Mobile 템플릿 헤더에 4 픽셀 아래쪽 테두리를 추가하려고합니다. 테두리 색을 설정하는 옵션이 있지만 경계선 전체를 적용합니다. 거기에 방법은 ThemeRoller의 내부에만 그것을 설정하고 너비를 설정하거나 누군가가 이것을 조정하기 위해 CSS 파일 안에 적절한 장소를 제공 할 수 있습니까? 미리 감사드립니다!ThemeRoller Mobile - 헤더에 아래쪽 테두리 추가
편집 : border : border-bottom :에서 CSS 파일의 .ui-bar-a 클래스를 변경해 보았습니다. 픽셀 폭을 변경했지만 파일이 크롬으로 렌더링 될 때 변경 사항이 표시되지 않습니다. 하지만 웹 속성에서 변경하면 변경 사항이 적용되고 해당 요소에 4 픽셀 아래쪽 경계선을 가져올 수 있습니다.
이 시도 :
ui-header {
border-bottom:4px solid #000;
}
당신은 깨끗하고 조직 일을 유지하기 위해 자신의 CSS 파일이 넣을 수 있습니다. 그러나 머리 부분에 모든 css 파일을 정의 할 때 기억하십시오. 먼저 jquerymobile css 파일을로드하고 그 후에 css 파일을로드하십시오. 이것은 당신의 CSS 선언이 jquerymobile 선언을 덮어 쓰기 때문입니다.
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="your-css-file.css" />
보십시오이
$ ("UI 헤더.") CSS ("국경 바닥", "4 픽셀 고체 # 000000.");은 추가, 그것을
감사를 포함하여 테두리를 변경하려는 페이지 또는 JS 파일에 넣어 CSS의 작품이. 또한 내 편집 섹션에서 내 문제의 일부를 발견했다 내가 정기적으로 CSS를 변경했다, 페이지가 축소 된, 분명히 변경 사항을 자동으로 연결되지 않습니다 연결했다. 스팀 롤러 UI를 사용하여이 작업을 수행하는 방법을 찾는 것이 좋을 것이므로 수동으로 분을 편집하지 않아도됩니다. 변경은 ui-header 또는 ui-bar-a css에서 수행 할 수 있습니다. –
참. 그러나 당신은 축소 된 CSS 파일을 만지지 않아야합니다. 자신의 CSS 파일을 사용하고 jQueryMobile 선언을 덮어 쓰기 만하면됩니다. –