CSS를 통해 태그의 크기 속성을 설정 하시겠습니까?

StackOverflow https://stackoverflow.com/questions/119961

  •  02-07-2019
  •  | 
  •  

문제

일반적으로 다음을 수행 할 수 있습니다.

<select size="3">
    <option>blah</option>
    <option>blah</option>
    <option>blah</option>
</select>

그리고 세 가지 옵션이 모두 보이는 선택 상자로 렌더링됩니다 (떨어지지 않고)
CSS 에서이 크기 속성을 설정하는 방법을 찾고 있습니다.

도움이 되었습니까?

해결책

크기를 설정하는 옵션은 없지만 크기를 설정하면 일부 브라우저를 사용하면 CSS를 통해 원하는대로 너비/높이 특성을 설정할 수 있습니다.

일부 = Firefox, Chrome, Safari, Opera.

IE에서는 많은 작품이 없습니다 (놀랍지 않음)

그러나 원하는 경우, IE의 CSS 표현식을 사용하여 크기 속성이 설정되어 있는지 확인하고, 그렇다면 JS를 (RE)로 실행할 수 있습니다.

size = options.length;

다른 팁

나는 이것이 가능하다고 생각하지 않습니다.

CSS 속성은 매우 일반적이며 (임의의 요소에 적용 가능) 임의의 방식으로 요소의 기능을 변경할 수 없습니다 (외관 만).

크기 속성은 적어도 크기 = 1 / size! = 1의 경우 요소의 기능을 변경하고 있습니다.

이 시도:

select[attr=size] {
    width:auto;
    height:auto;
}

동의하지 않습니다. CSS를 사용하여 다음과 같은 내용을 사용하여 선택 폭과 높이를 설정할 수있었습니다.

select { width: 5em; height: 5em; }

IE (7)에서 작동하고 방금 테스트했습니다.

In general you can't add attributes set within html via CSS. You can add to the html using the pseudo selectors :before and :after, but that's about it, plus they still aren't compatible across all browsers. If you really need to do this, I think you'd have to resort to Javascript.

You can use following CSS selector to style select items with the size attribute:

select[size]{
/*your style here */
}

I do not believe this is possible no

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top