<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试哪些元素支不支持伪元素</title>
<style>
input{
display: block;
}
body *:after{
content: "after";
color: red;
}
img{
padding:30px;
vertical-align: top;
}
</style>
</head>
<body>
<h1>测试哪些元素支不支持伪元素</h1>
<input type="text">
<input type="checkbox" name="" id="">
<input type="radio" name="" id="">
<input type="submit" value="Submit">
<input type="button" value="input">
<button>button</button>
<textarea name="" id="" cols="30" rows="10"></textarea>
<select name="" id="">
<option value="">select</option>
</select>
<hr>
<img src="https://www.baidu.com/img/bdlogo.png" alt="jb">
<iframe src="http://www.baidu.com" frameborder="0" width="500" height="300"></iframe>
</body>
</html>text --- no
submit ---no
button --- no
textarea --- no
select ----no
img --- no
iframe -- no
=============
checkbox ----yes
radio ---- yes
button --- yes
hr --- yes
其它可以做成盒子的都支持
=============================
这个写得不全，各位需要测试的可以把这个COPY下去测试就行了。希望可以帮到大家。。。。。。。。。。。。
3 个评论
要回复文章请先登录或注册
lobtao
坏人 (作者)
lobtao