html 선택 상자를 모방하는 방법

일반 html을 선택하고 싶지만 텍스트 대신 CSS/이미지가 필요합니다. 이제는 Firefox를 제외한 모든 브라우저에서이 작업을 수행 할 수 없다는 것을 알고 있지만, 없이는이 주위에 방법이 있는지 알고 싶습니다. 내 웹 사이트는 피처 폰 (즉, 스마트 폰이 아닌)에 표시되어야하며 자바 스크립트가 해당 사이트에서 작동하지 않습니다. 이 주위에 어떤 방법이 있습니까?html 선택 상자를 모방하는 방법

출처

2013-01-21 user481610

이 휴대 전화에서 어떤 브라우저를 사용하고 있습니까? –

일부는 오페라 미니를 실행하고 다른 사용자는 장치에서 기본 브라우저를 실행합니다. – user481610

자바 스크립트없이 선택 상자의 프리젠 테이션을 확실히 에뮬레이션 할 수 있지만 (정확도의 다양성에 따라) JavaScript 없이는 기능을 에뮬레이션 할 수 없습니다 . 따라서 '텍스트 만'(대부분의 브라우저에서) 또는 JavaScript가 필요합니다 (분명히 할 수 없습니다). –

많은 시간을 보냈지만 합리적인 해결책을 찾았습니다. html에 "이미지"를 표시하려면 font-face를 사용하십시오. 알파벳이있는 별표가있는 온라인 글꼴을 다운로드하십시오. 그런 다음 CSS에서 다음을 사용하십시오. 당신의 URL 경로가 정확한지 확인하십시오

font-family: 'WebSymbolsRegular'; 
     src: url('../css/websymbols-regular-webfont.eot'); 
     src: url('../css/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), 
      url('../css/websymbols-regular-webfont.woff') format('woff'), 
      url('../css/websymbols-regular-webfont.ttf') format('truetype'), 
      url('../css/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); 
     } 

    #Condition 
    { 
     font-family: 'WebSymbolsRegular'; 
    }

이 그런 다음 HTML에서 다음이 선택

<select id = "Condition"> 
     <option >R</option> 
     <option >RR</option> 
     <option >RRR</option> 
     <option >RRRR</option> 
     <option >RRRRR</option> 
</select>

을 R이 주어진 글꼴의 별을 나타내는 문자이기 때문에 우리는 R을 사용합니다. 또한 link을 살펴보십시오. 정말 도움이되었습니다

출처

2013-01-22 09:28:43 user481610

html 선택 상자를 모방하는 방법

답변

관련 문제