<p class="sougouContent"> 用CSS样式隐藏<select>的四周边框及下拉箭头,主要是用来打印的,为了美观,只想显示选中内容。 <br> 我用样式控制了,单独测试可以实现效果,但放在列表中的<td>里,位置就不美观,选中的内容压着列表线,怎么办啊? <br> <style> <br /> .select-style{ <br /> position:absolute; <br /> overflow:hidden; <br /> } <br /> .select-style select{ <br /> margin:-2px; <br /> margin-right:-20px; <br /> </style> <br> <span> <br> <select> <br> <option>张</option> <br> <option>台</option> <br> <option>米</option> <br> <option>件</option> <br> <option>个</option> <br> <option>块</option> <br> </select> <br> </span> <br> 以上这样,放在页面上测试,可以实现我要的效果。但是 <br> </td> <td> <br> <span> <br> <select> <br> <option>张</option> <br> <option>台</option> <br> <option>米</option> <br> <option>件</option> <br> <option>个</option> <br> <option>块</option> <br> </select> <br> </span> <br> </td> <br> 外面加上<td>显示在列表中,就出现汉字压杠儿的问题了。 <br> 求高手解决啊!!! <br> <h2>回复讨论(解决方案)</h2> <p class="sougouAnswer"> 可以换一个思路,用js 来解决 <br> 把select 隐藏,添加一个textbox 来显示select 的值,大概逻辑是这样,没测试过的代码,可能有写错的单词,我没用IDE,直接上的代码! <br> <br> function hiddenSelect(){ <br> var slcList=document.getElementsByTagName('select'); <br> var ipt ; <br> for(var i=0;i<slclist.length></slclist.length> ipt = document.createElement("input"); <br> ipt.setAttribute('slcValue',slcList[i].value); // 设置选中的值 <br> ipt.value = slcList[i].options[slcList[i].selectedIndex].text; <br> slcList[i].parentNode.appendChild(ipt); <br> slcList[i].style.display="none"; <br> } <br> } <br> </p> </td></select></p>