主题:  文本框問題?

阿哲2002

职务:普通成员
等级:1
金币:0.0
发贴:86
注册:2002/12/9 14:23:14
#12003/7/10 12:00:24
文本框能否做到﹐只有外框﹐但里面是透明的。就像表格。
各位大蝦﹐能做到嗎?



qiumoyan

职务:普通成员
等级:1
金币:0.0
发贴:78
注册:2002/11/3 12:03:27
#22003/7/10 12:03:14
textfield可以做到,用css来控制,设置box属性就可以了,但是textarea好象实现不了,不知道别的高手能否实现



阿哲2002

职务:普通成员
等级:1
金币:0.0
发贴:86
注册:2002/12/9 14:23:14
#32003/7/10 12:34:08
能否具體一點?



qiumoyan

职务:普通成员
等级:1
金币:0.0
发贴:78
注册:2002/11/3 12:03:27
#42003/7/10 12:38:42
回去研究一下html源码和css再说了,不要一有问题就问嘛,我不喜欢不懂就问哦,要不懂就想,就看书



阿哲2002

职务:普通成员
等级:1
金币:0.0
发贴:86
注册:2002/12/9 14:23:14
#52003/7/10 12:48:12
如果有更快的方法知道解決的辦法。為什么不利用。
你說清楚一點不行嗎?賣什么關子。
我剛設置了CSS的BOX屬性﹐根本就不能實現這個效果。



qiumoyan

职务:普通成员
等级:1
金币:0.0
发贴:78
注册:2002/11/3 12:03:27
#62003/7/10 12:56:47
.input {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #000000;

}





上面是css代码,下面是html代码,自己研究一下了



阿哲2002

职务:普通成员
等级:1
金币:0.0
发贴:86
注册:2002/12/9 14:23:14
#72003/7/10 13:09:51
實現不了這個效果。不過還是要謝謝你。我已經找了解決的方法。就是下面這個。



编辑历史:[这消息被阿哲2002编辑过(编辑时间2003-07-10 13:11:22)]


qiumoyan

职务:普通成员
等级:1
金币:0.0
发贴:78
注册:2002/11/3 12:03:27
#82003/7/10 13:15:13
兄弟,你的背景颜色是blue啊,为何不早说,我给你代码可以实现只有一条或几条边框的效果,不妨试试,而且你用的是内嵌css来实现,我一般用外联css来实现,这样很方便控制整个站点,强烈建议使用外联css



阿哲2002

职务:普通成员
等级:1
金币:0.0
发贴:86
注册:2002/12/9 14:23:14
#92003/7/10 13:31:16
我只要文本框里面透明就可以了。也就是說文本里面與背景是同一個顏色。你的代碼實現不了這個效果﹐只能對文本邊框起作用。



qiumoyan

职务:普通成员
等级:1
金币:0.0
发贴:78
注册:2002/11/3 12:03:27
#102003/7/10 13:35:18
.input {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-color: #000000;
background:blue
}

各种方法殊途同归,兄弟要灵活运用



阿哲2002

职务:普通成员
等级:1
金币:0.0
发贴:86
注册:2002/12/9 14:23:14
#112003/7/10 13:45:39
.input {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-color: #000000;
background:
}
這樣才能使文本框透明。



Palomino

职务:普通成员
等级:3
金币:2.0
发贴:1001
注册:2002/10/4 5:31:54
#122003/7/10 14:38:44
.input {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-color: #000000;
background:transparent
}