masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 去掉input text的边框，已实现，但是有个疑问，求大神解决一下_html/css_WEB-ITnose

去掉input text的边框，已实现，但是有个疑问，求大神解决一下_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 09:38:40
asal
980 orang telah melayarinya

本帖最后由 myg_315 于 2012-10-18 21:28:47 编辑

我想达到的效果是 一个下划线，上面可以输入内容，效果见左侧粗体部分： 效果
  我是用下面代码实现的：
    border-bottom-color: green; width: 20px"/>
     问题来了：不点击text的时候，没有边框，就一个下划线， 但是在输入的时候（即点击一下该区域），text的边框又出来了。

我想问一下有没有方法将text 输入的时候的边框也去除啊，谢谢。、

补充：该问题只在chrome浏览器中会有。


回复讨论(解决方案)

自己找到方法了：如果有需要的可以看一下：
只需要再设置一个属性就可以了： outline: none;

解决就好

嗯 对的
outline:none;可以去掉边框
另外不止chrome会有 其它浏览器比如safari也有
连IE也会有 只是颜色比较浅而已:P

Label berkaitan：
去掉input text的边框，已实现，但是有个疑问，求大神解决一下
sumber：php.cn
Artikel sebelumnya：求助！表单验证_html/css_WEB-ITnose Artikel seterusnya：二级导航菜单_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2194
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2341
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1963
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1851
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1910
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan