The lower border of the ie6 button disappears and is not displayed. The ie6 border

The lower border of the ie6 button disappears and is not displayed. The ie6 border

Recently, when the website was revised, it was found that ie6 had a strange problem. It was a very common button with a border, but it was not displayed in the lower border of ie6. ie7 was not tested and I don't know if it was not displayed, other browsers are normal

The code and preview results are as follows:

<Style> body {font-size: 12px; font-family: tahoma, arial, verdana, \ 5b8b \ 4f53, sans-serif; color: #666 ;}. btn {display: inline-block; line-height: 23px; padding: 0 10px; border: solid 1px red; text-decoration: none; vertical-align: middle ;} </style> <a class = "btn" href = "#"> one button </a>

 

Here we will talk about our solutions. Multiple solutions can be found through testing.

1. Change the body font declaration to arial font-family: arial, tahoma, verdana, \ 5b8b \ 4f53, sans-serif.

2. Remove the vertical-align value of the button.

3. block and float buttons

Test conjecture should be caused by the font and vertical-align: middle question ???

The table and cell border in IE6/ie7 cannot be displayed. Question ??
I only have borders in IE6, and there are no menus, tool buttons, or address bar. What should I do?

It seems that you have entered full screen mode. Press F11 to see it.