Jquery 모바일 동적 축소판 목록 - 테두리를 만드는 방법?

Question

본인은 검색 및 검색했습니다. 내가 성취하기 쉬운 것이어야한다고 생각하는 것에 대한 답을 찾을 수 없습니다. Spry 데이터 집합에 의해 채워진 jquery 모바일 목록 뷰가 있습니다. Spry 데이터 세트에서 축소판 이미지를 동적으로로드합니다. css/html을 사용하여 각 축소판 주위에 테두리를 만들고 싶습니다. 나는 여러 가지 접근법을 시도했다.

지금까지 작동하는 유일한 방법은 Fireworks 또는 유사한 그래픽 프로그램에서 테두리가있는 모든 이미지를 다시 그리는 것뿐입니다. 확실한 무언가를위한 많은 추가 작업은 지식이 많은 사람에게는 간단합니다.

누구나 데이터 세트로 채워지는 목록의 미리보기 이미지 주위에 테두리를 배치하는 방법에 대해 약간의 도움을 줄 수 있습니까?

Answer 1

JQuery Mobile에는 링크 안에있는 모든 이미지의 테두리 너비를 0으로 설정하는 CSS 규칙이 있습니다. 목록 뷰 축소판에 테두리를 적용하려면 테두리 너비를 재정의 한 다음 테두리 색과 스타일을 설정해야합니다.

당신의 최우선 스타일 시트에서

Answer 2

.ui-li-thumb { 
    border-width: 2px !important; 
    border-style: solid; 
    border-color: #000; 
} 

는 :

.ui-li-thumb { border: 2px solid #000 !important; }