How to change the default behavior of the 'x' button of the input element in IE 10.

ตั้งคำถาม

8 มีนาคม 2555 8:17

0
In IE 10, I found that there is an 'x' button on the input=text element, when clicked it, it deletes the text of the input element.

I want to know how to change the the default behavior of this 'x' button.

Because this direct deleting destroes some logic of our product, I hope that I can process the click event of the 'x' button.
- แก้ไขโดย DaryLuo 12 มีนาคม 2555 8:02
- ตอบ
- อ้างอิง

ตอบทั้งหมด

12 มีนาคม 2555 8:05

ผู้ดูแล

0
Hi, please try the method on the following link:
http://social.msdn.microsoft.com/Forums/pl/iewebdevelopment/thread/7abe117b-9aa4-4185-9d74-1b2f3be65c03
- แก้ไขโดย Allen Li - MSFTModerator 12 มีนาคม 2555 8:06
- ตอบ
- อ้างอิง
12 มีนาคม 2555 8:52

0
I tried the link, and found that use the ::-ms-clear style, it hides all the 'x' button of the input element on the web page, but I only want to hide some of the input=text element, not all. It is better that I handle the 'x' button click, not hiding it. Is there any way to do it?
- แก้ไขโดย DaryLuo 12 มีนาคม 2555 8:54
- ตอบ
- อ้างอิง
12 มีนาคม 2555 21:53

0
input.nobutton{-ms-clear:hide}

<input type="text" class="nobutton"/>
Rob^_^
- เสนอเป็นคำตอบโดย doctoroftypeMVP 12 มีนาคม 2555 21:53
- ตอบ
- อ้างอิง
13 มีนาคม 2555 1:34

0

I'm very sorry, but I tried the -ms-clear: hide style, and it doesn't work on IE 10, the 'x' button still show on IE10 when input element got focus.

By the way, it is best that I can handle the 'x' button click event and prevent the default behavior, not hiding it, is there any way to do it?

My sample code as follows.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
input.nobutton {
-ms-clear: hide;
background-color: #b6ff00;
}
</style>
</head>
<body>
<input id="text" value="abc" type="text" class="nobutton" />
</body>
</html>
- ตอบ
- อ้างอิง
14 มีนาคม 2555 1:50

0
Hi, since Internet Explorer 10 is only a Consumer Preview version currently, there may be some compatible issue, I think this issue will go with the release version.
- แก้ไขโดย FightAsABull 14 มีนาคม 2555 1:50
- ทำเครื่องหมายเป็นคำตอบโดย DaryLuo 14 มีนาคม 2555 2:36
- ตอบ
- อ้างอิง
14 มีนาคม 2555 2:36

0

Thanks, I will wait for the final version of the IE10.
- ตอบ
- อ้างอิง
14 มีนาคม 2555 8:33

0
Sorry Dary, I was almost correct with the css syntax.

see this answer - http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/7abe117b-9aa4-4185-9d74-1b2f3be65c03
```
<!DOCTYPE html>
 <html>
 <head>
     <title>Untitled Page</title>
  
     <style type="text/css">
    
     .nobutton::-ms-clear {
         display: none;
     }
    
     </style>
  
 </head>
 <body>
  
 <input type="text" value="foo" class="nobutton"/>
 </body>
 </html>
```
Rob^_^
- เสนอเป็นคำตอบโดย doctoroftypeMVP 14 มีนาคม 2555 8:33
- ตอบ
- อ้างอิง
9 กรกฎาคม 2555 5:59

0

Hello...Rob.. ,The above code you have given is absolutely working fine for HTML page...I tried the same for asp & aspx page.Its not working..Do I need to make some changes in the given by you??
- ตอบ
- อ้างอิง