Нужен раскрывающийся список, чтобы быть определенной ширины при загрузке страницы, но затем отображать полную длину контента при нажатии - PullRequest
Новая
       11

Нужен раскрывающийся список, чтобы быть определенной ширины при загрузке страницы, но затем отображать полную длину контента при нажатии

0 голосов
/ 23 марта 2011

У меня есть раскрывающийся список, который должен быть определенной ширины. Проблема в том, что содержимое раскрывающегося списка длиннее ширины, поэтому часть его скрывается в браузерах IE (например, Chrome фактически увеличивает область раскрытия при нажатии.

Я думал об использовании скрытого переполнения, но стрелка раскрывающегося списка исчезает. Кто-нибудь знает, как это сделать?

Вот код: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
</style>
</head>
<body>
<div style="width:100px;overflow:hidden;">
<select name="ed">
<option selected>[select]</option>
<option value="">word g g fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">fffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
<option value="">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</option>
</select>
</div>
</body>
</html>

1 Ответ

0 голосов
/ 23 марта 2011

Переместить переполнение на само поле выбора.

И переполнение пользователя скрыто:

http://jsfiddle.net/dKmU5/

<select name="ed" style="width:100px;overflow-y:hidden;">

Моя ошибка ...чтобы это работало в IE7 / 8, вам понадобится немного javascript.Пожалуйста, проверьте эту ссылку:

http://www.dougboude.com/blog/1/2008/05/Viewing-Option-Text-in-IE7-thats-Wider-than-the-Select-List.cfm

...