如何去除的边框？

True1024 2005-06-28 09:15:13
如题，江湖救急，各位大哥给个详细的样式和使用方法，谢谢。
...全文
1196 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
xx123731 2005-06-28
  • 打赏
  • 举报
 回复
看晕了。。。做一个CSS样式就可以了，把边框设为0
TCat 2005-06-28
  • 打赏
  • 举报
 回复
不好意思太长了，还是找原文给你吧
http://www.blueidea.com/tech/web/2004/1655.asp
勤奋的阿拉丁 2005-06-28
  • 打赏
  • 举报
 回复
up
TCat 2005-06-28
  • 打赏
  • 举报
 回复
function SS_cancelEvent (event)
{
event.cancelBubble = true;
event.returnValue = false;
}
function SS_isThisEventToBeCanceled (event)
{
if ('object' == typeof(event)) {
switch (event.type) {
case 'mousedown':
if (!(event.button & 1)) return true;
break;
case 'mouseup':
if (!(event.button & 1)) return true;
if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null) {
this.srcElementOfLastMousedown = null;
return true;
}
break;
case 'mouseout':
if (!(SS_ENV.IE_Version < 5.5 && event.srcElement == this.srcElementOfLastMousedown))
return true;
break;
case 'mousemove':
if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null)
return true;
break;
}
}
return false;
}
function SS_createElement (html)
{
SS_VAR.DivDummy.insertAdjacentHTML('afterBegin', html);
var oEl = SS_VAR.DivDummy.children(0);
while (SS_VAR.DivDummy.children.length > 0) {
SS_VAR.DivDummy.removeChild(SS_VAR.DivDummy.children(0));
}
return oEl;
}
function SS_blurExcept (except)
{
SS_cancelEvent(window.event);

except = ('number'==typeof(except)) ? except : -1;

var bHasToDetachEvent = true;
for (var i=0; i < SS_VAR.SelectList.length; i++) {
if (-1==except && SS_VAR.SelectList[i].bFocused && SS_VAR.SelectList[i].bExpanded) {
SS_VAR.SelectList[i].toggleOptions(false, true);
SS_VAR.SelectList[i].toggleTitle(true);
bHasToDetachEvent = false;
}
else if (i!=except) {
if (SS_VAR.SelectList[i].bExpanded)
SS_VAR.SelectList[i].toggleOptions(false, true);
if (SS_VAR.SelectList[i].bReverse)
SS_VAR.SelectList[i].toggleTitle(false);
SS_VAR.SelectList[i].bFocused = false;
}
}

if (SS_VAR.bEventAttached && bHasToDetachEvent) {
document.detachEvent('onmousedown', SS_blurExcept);
document.detachEvent('ondblclick', SS_blurExcept);
SS_VAR.bEventAttached = false;
}
}
function SS_syncSelectedIndex ()
{
this.selectedIndex = this.select.selectedIndex;

if (this.bOriginalSelect) return;

if (this.TitleTable.cells(0).childNodes(0).innerText != this.options[this.selectedIndex].innerText)
this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText;
if (this.bExpanded)
this.toggleOptions(false);
}
function SS_toggleTitle (bReverse)
{
this.bReverse = ('undefined'!=typeof(bReverse)) ? bReverse: (!this.bReverse);
this.TitleTable.cells(0).style.backgroundColor = this.bReverse ? SS_ENV.CR.ReverseBackground : '';
this.TitleTable.cells(0).style.color = this.bReverse ? SS_ENV.CR.ReverseText : '';
}
function SS_toggleOptions (bExpanded, bStrict)
{
if (!bStrict && !this.bFocused) {
SS_blurExcept(this.ssID);
}
this.bExpanded = ('undefined'!=typeof(bExpanded)) ? bExpanded: (!this.bExpanded);
if (this.bExpanded) {
this.adjustOptionsDiv();
this.OptionsDiv.style.display = 'block';
if (!bStrict) {
this.toggleTitle(false);
this.handleOverOption(this.selectedIndex);
}
this.handleOutTitle();
}
else {
this.OptionsDiv.style.display = 'none';
if (!bStrict) {
this.toggleTitle(true);
}
}
if (!bStrict) {
this.bFocused = true;

if (!SS_VAR.bEventAttached) {
document.attachEvent('onmousedown', SS_blurExcept);
document.attachEvent('ondblclick', SS_blurExcept);
SS_VAR.bEventAttached = true;
}
}
}
function SS_handlePropertychange ()
{
if ('propertychange'==window.event.type && 'selectedIndex'==window.event.propertyName) {
var oSS = window.event.srcElement.SS;
oSS.syncSelectedIndex();

if (null != oSS.select.onchange)
oSS.select.onchange();
}
}
function SS_handleMousewheel (event)
{
var idx = this.selectedIndex;
if ('mousewheel'==event.type && this.bFocused && this.bReverse) {
for (var i=0; i < event.wheelDelta; i += 120)
idx--;
for (var i=0; i > event.wheelDelta; i -= 120)
idx++;
}
idx = Math.max(idx, 0);
idx = Math.min(idx, this.options.length - 1);
this.select.selectedIndex = idx;
}
function SS_handleOverTitle ()
{
if (this.bExpanded)
return;

this.TitleTable.style.borderColor = SS_ENV.CR.BorderActive;
this.TitleTable.cells(1).style.display = 'none';
this.TitleTable.cells(2).style.display = 'block';
}
function SS_handleOutTitle ()
{
this.TitleTable.style.borderColor = SS_ENV.CR.Border;
this.TitleTable.cells(2).style.display = 'none';
this.TitleTable.cells(1).style.display = 'block';
}
function SS_handleOverOption (idx)
{
for (var i=0; i < this.options.length; i++) {
if (i==idx)
this.turnOnOption(i);
else
this.turnOffOption(i);
}
}
function SS_turnOnOption (idx)
{
this.OptionsTable.cells(idx).style.color = SS_ENV.CR.ReverseText;
this.OptionsTable.cells(idx).style.backgroundColor = SS_ENV.CR.ReverseBackground;
}
function SS_turnOffOption (idx)
{
this.OptionsTable.cells(idx).style.color = '';
this.OptionsTable.cells(idx).style.backgroundColor = '';
}
function SS_adjustOptionsDiv ()
{
if (this.bOriginalSelect) return;

this.OptionsDiv.style.width = this.width;
this.OptionsDiv.style.height = Math.min(this.options.length, this.ListMax) * this.OptionHeight + 2;
this.OptionsWrapper.style.height = this.options.length * this.OptionHeight;
this.OptionsDiv.style.overflowY = (this.options.length > this.ListMax) ? 'scroll' : '';

var top = this.Table.offsetTop;
var left = this.Table.offsetLeft;
for (var El = this.Table.offsetParent; 'BODY'!=El.tagName && 'absolute'!=El.style.position && 'relative'!=El.style.position; El = El.offsetParent) {
if ('TABLE' != El.tagName) {
top += El.clientTop;
left += El.clientLeft;
}
top += El.offsetTop;
left += El.offsetLeft;
}
this.OptionsDiv.style.top = (this.bListDown) ? (top + this.height) : (top - parseInt(this.OptionsDiv.style.height));
this.OptionsDiv.style.left = left;

this.TitleWrapper.style.top = 0;
this.TitleWrapper.style.left = 0;
}
function SS_syncOptions ()
{
if (this.bOriginalSelect) return;

for (var i=0; i < this.options.length; i++) {
this.OptionsTable.cells(i).setAttribute('index', i);
if (this.OptionsTable.cells(i).childNodes(0).innerText != this.options[i].innerText)
this.OptionsTable.cells(i).childNodes(0).innerText = this.options[i].innerText;
}
}
function SS_pressTitle (event)
{
SS_cancelEvent(event);

this.srcElementOfLastMousedown = event.srcElement;

this.toggleOptions();
}
function SS_releaseTitle (event)
{
SS_cancelEvent(event);

if (this.isThisEventToBeCanceled(event)) return;

this.srcElementOfLastMousedown = null;
}
function SS_pressOption (event)
{
SS_cancelEvent(event);

this.srcElementOfLastMousedown = event.srcElement;
}
function SS_moveOption (event)
{
SS_cancelEvent(event);

if (this.isThisEventToBeCanceled(event)) return;
if (!(event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth)) return;

this.handleOverOption(Math.floor(event.offsetY / this.OptionHeight));
}
function SS_releaseOption (event)
{
SS_cancelEvent(event);

if (this.isThisEventToBeCanceled(event)) return;

this.srcElementOfLastMousedown = null;

if (event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth) {
this.toggleOptions(false);
this.select.selectedIndex = Math.floor(event.offsetY / this.OptionHeight);
}
}
TCat 2005-06-28
  • 打赏
  • 举报
 回复
attachEvent("onunload", unloadObjects);

function SS_create (srcHTML, ListMax, bAutoDetect)
{
// property
this.ssID = SS_VAR.SelectList.length;
this.bOriginalSelect = (bAutoDetect && SS_ENV.IE_Version < 5.5);
this.select = SS_createElement(srcHTML);
this.selectedIndex = this.select.selectedIndex;
this.options = this.select.options;
this.width = parseInt(this.select.style.width);
this.height = (this.select.style.height) ? parseInt(this.select.style.height) : SS_ENV.DefaultHeight;
this.OptionHeight = this.height - 4;
this.bListDown = (ListMax && '-'==ListMax.toString().substr(0, 1)) ? false : true;
this.ListMax = (!isNaN(parseInt(ListMax))) ? Math.abs(ListMax) : 100;

this.Table;
this.TitleDiv;
this.TitleTable;
this.TitleWrapper;
this.OptionsDiv;
this.OptionsWrapper;
this.OptionsTable;
this.bFocused = false;
this.bExpanded = false;
this.bReverse = false;

// private method
this.isThisEventToBeCanceled = SS_isThisEventToBeCanceled;
this.toggleTitle = SS_toggleTitle;
this.syncSelectedIndex = SS_syncSelectedIndex;
this.toggleOptions = SS_toggleOptions;
this.turnOnOption = SS_turnOnOption;
this.turnOffOption = SS_turnOffOption;
this.handleMousewheel = SS_handleMousewheel;
this.handleOverTitle = SS_handleOverTitle;
this.handleOutTitle = SS_handleOutTitle;
this.handleOverOption = SS_handleOverOption;
this.createTable = SS_createTable;
this.createTitleDiv = SS_createTitleDiv;
this.createOptionsDiv = SS_createOptionsDiv;
this.createOptionTr = SS_createOptionTr;
this.adjustOptionsDiv = SS_adjustOptionsDiv;
this.syncOptions = SS_syncOptions;
this.pressOption = SS_pressOption;
this.moveOption = SS_moveOption;
this.releaseOption = SS_releaseOption;
this.pressTitle = SS_pressTitle;
this.releaseTitle = SS_releaseTitle;

// public method
this.display = SS_display;
this.insertOption = SS_insertOption;
this.deleteOption = SS_deleteOption;
this.changeOption = SS_changeOption;

// initiate
this.createTable();
this.select.setAttribute('SS', this);
if (!this.bOriginalSelect)
this.select.onpropertychange = SS_handlePropertychange;
SS_VAR.SelectList[this.ssID] = this;
}
function SS_display ()
{
document.write("<div id=SS_TempDiv></div>\n");
document.all.SS_TempDiv.appendChild(this.Table);
document.all.SS_TempDiv.removeNode();
}
function SS_write (srcHTML, ListMax, bAutoDetect)
{
var oSS = new SS_create(srcHTML, ListMax, bAutoDetect);
oSS.display();
return oSS;
}
function SS_insertOption (value, innerText, idx)
{
var NewOption = document.createElement("OPTION");
SS_CreatedElements[SS_CreatedElements.length] = NewOption;
this.options.add(NewOption, idx);
NewOption.innerText = innerText;
NewOption.value = value;

if (!this.bOriginalSelect)
this.createOptionTr(idx);
this.syncOptions();
this.adjustOptionsDiv();
this.syncSelectedIndex();
}
function SS_deleteOption (idx)
{
this.options.remove(idx);
if (!this.bOriginalSelect)
this.OptionsTable.deleteRow(idx);
this.syncOptions();
this.adjustOptionsDiv();
this.syncSelectedIndex();
}
function SS_changeOption (idx, value, innerText)
{
this.options[idx].value = value;
this.options[idx].innerText = innerText;
this.syncOptions();
this.syncSelectedIndex();
}
TCat 2005-06-28
  • 打赏
  • 举报
 回复
<HTML>
<HEAD><title>漂亮的下拉框</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT>
// ViaSelect Environment Constants
var SS_ENV = new Object();
SS_ENV.IE_Version = new Number(((window.navigator.appVersion.split('; '))[1].split(' '))[1]);
SS_ENV.CR = new Object();
SS_ENV.CR.ReverseBackground = '#E2519C';
SS_ENV.CR.ReverseText = 'white';
SS_ENV.CR.Border = '#D55C9A';
SS_ENV.CR.BorderActive = '#FF6CB7';
SS_ENV.ImgPrefix = 'http://www.viafriend.com/images';
SS_ENV.DefaultHeight = 20;
SS_ENV.ButtonWidth = 13;
SS_ENV.OptionsDivStyle = ''
+ ' display:none;'
+ ' z-index:10;'
+ ' position:absolute;'
+ ' border:1 solid '+ SS_ENV.CR.Border+';'
+ ' background-color:white;'
+ ' scrollbar-face-color:#D4D0C8;'
+ ' scrollbar-shadow-color:white;'
+ ' scrollbar-highlight-color:#F6F5F4;'
+ ' scrollbar-3dlight-color:white'
+ ' scrollbar-darkshadow-color:#86837E;'
+ ' scrollbar-track-color:#F6F5F4;'
+ ' scrollbar-arrow-color:#86837E;';
SS_ENV.OptionNobrStyle = ''
+ ' font-size:12px;'
+ ' font-family:奔覆;';
// SaySelect Variables
var SS_VAR = new Object();
SS_VAR.DivDummy = document.createElement("DIV");
SS_VAR.SelectList = new Array();
SS_VAR.bEventAttached = false;

var SS_CreatedElements = new Object();

function unloadObjects()
{
try {
if (SS_VAR && SS_VAR.SelectList)
{
for (key in SS_VAR.SelectList)
{
if (SS_VAR.SelectList[key])
{
try {
SS_VAR.SelectList[key].select.setAttribute('SS', 0);
} catch (e) {};
delete SS_VAR.SelectList[key];
}
}
}
} catch (e) {};
}
LoveCherry 2005-06-28
  • 打赏
  • 举报
 回复
主要利用外面加一个套子把边框遮住

<span class="box" style="width:80px">
<select name="remember" id="remember" style="width:80px">
......
</select>
</span>

SELECT
{
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
FONT-SIZE: 12px;
LEFT: -2px;
BORDER-LEFT: 0px;
COLOR: #000000;
LINE-HEIGHT: 18px;
BORDER-BOTTOM: 0px;
POSITION: relative;
TOP: -2px;
HEIGHT: 19px;
BACKGROUND-COLOR: #F6F6F6
WIDTH: 150px;
}

.box
{
BORDER-RIGHT: #f4f4f4 1px solid;
BORDER-TOP: #f4f4f4 1px solid;
OVERFLOW: hidden;
BORDER-LEFT: #f4f4f4 1px solid;
WIDTH: 147px;
CLIP: rect(0px 146px 16px 0px);
BORDER-BOTTOM: #f4f4f4 1px solid;
HEIGHT: 18px
}

lr2651 2005-06-28
  • 打赏
  • 举报
 回复
这个好象没有现成的办法。
只用CSS美化选择框的实现代码
下面是一个默认样式的下拉框的长相： Here is the first option The second option HTML code： 复制代码代码如下: <select> </select> 一个选择框的某些部分我们是可以美化的，比如字体、边框、颜色、内边距和背景颜色： Here is the first option The second option 但是烦人的下拉箭头还是保持不变。没有直接美化它的方式，但解决方案还是非
定义select的边框颜色
具体步骤：     1.用margin属性实现。先设置margin属性为-2，以隐藏select对象原来的边框，然后设置select对象的父对象的边框。 <select style=”margin:-2;width:84;background:#eeeeee”>       
windows网络编程之tcp/ip
适用人群windows网络编程的初学者课程概述课程简介：这部教程是windows网络编程课程的第一部分课程：tcp/ip协议后续会有第二部分课程：udp/ip协议以及第三部分课程http协议的课程发布。希望能够帮助到大家。课程内容：c/s模型的编码，5种windows网络模型：select，异步选择，事件选择，重叠io，完成端口，以及基础理论知识的讲解。课程分八章，总课时100课时左右，每日更新2~5节.课程代码会带大家一行一行书写，保证大家都能够学会。课程适合人群：网络编程爱好者，网络编程初学者课程章节：第一章 c/s模型的讲解以及代码实现第二章 select模型的讲解以及代码实现第三章 异步选择模型的讲解以及代码实现第四章 事件选择模型的讲解以及代码实现第五章 重叠i/o模型的讲解以及代码实现第六章 完成端口模型的讲解以及代码实现第七章 tcp/ip基础知识的讲解，包括网络分层，三次握手，四次挥手，协议头等等。
表格标签＜table＞＜/table＞、表单标签 ＜form＞＜/form＞、CSS样式的使用与总结
一.表格标签<table></table> 1.重点总结 <table> <tr> 表示行 <td></td> 表示列 </tr> </table> border 边框 aligen 位置 width 宽度，table统一设置表格总 宽度，或者在td里单独设置单元格宽度，并影响同一列。 bgcolor 背景色 colspan 在td中使用，表示可合并
HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍
Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W
.NET社区

62,074

社区成员

669,028

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章