为何我的括号里的小红点没有?

为何我的括号里的小红点没有?


我的小红点,没有出现,为何?谢谢

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<style>

input [type="search"]::-webkit-search-cancel-button{

-webkit-appearance:none;

height:15px;

width:15px;

background-color:red;

}

</style>

<body>

<form action=""method="" >

 <input type="text" id="username" name="wesonice" maxlength="5" minlength="2" pattern="^\d{6}">

    <input type="search" id="search" value="">

    <input type="submit" name="dudu">

</form>

<script type="text/javascript">

console.log(username.validity)

console.log(email.validity)

</script>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
卡布琦诺 2017-09-11 09:44:35
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	height: 15px;
	width: 15px;
	background-color: red;
}

这里的input[type="search"]是紧挨着的,你写的中间用空格给隔开了,就不识别了,祝学习愉快!

  • 提问者 慕粉154022159 #1
    我刚才试了下,你说的对。 但我用number 就不行,是否只有search 类型才可以?谢谢 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> input[type="number"]::-webkit-number-cancel-button{ -webkit-appearance:none; height:15px; width: 15px; background-color: red; } </style> </head> <body> <form action="" method="get"> <input type="number" id="numbers" max="5" min="3"> <input type="submit"> </form> <script type="text/javascript"> console.log(numbers.validity) </script> </body> </html>
    2017-09-11 13:45:09
  • 卡布琦诺 回复 提问者 慕粉154022159 #2
    number是不可以的哦~
    2017-09-11 14:17:12
卡布琦诺 2017-09-10 12:17:02

您好,请您详细的描述您的问题,哪里的小红点没有出现呀?

  • 提问者 慕粉154022159 #1
    就是括号里,原本是个“叉”,但老师后来通过更改css,变成了一个红色的方块,但我的代码里并没有实现这点。谢谢
    2017-09-10 20:10:41
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师