table.white_border,
table.white_border th,
table.white_border td
{
border-color: ваш цвет;
}
html, body
{
margin: 0;
padding: 0;
}
Если лейбл нужно скрыть, расположите его перед полем, используйте привязку атрибута for и специальный класс для вспомогательных технологий:
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
Этот класс скрывает лейбл визуально, но его прочтут скринридеры. Обратите внимание, что скринридеры и другие вспомогательные технологии, как и браузеры, скрывают элементы с использованием display: none и visibility: hidden.
<div id="container">
<div id="wb_bs1" style="position:absolute;left:0px;top:616px;width:85px;height:85px;z-index:753;">
<a id="bs1" style="visibility:hidden;"> </a>
</div>
<div id="wb_bs3" style="position:absolute;left:0px;top:1670px;width:85px;height:85px;z-index:754;">
<a id="bs3" style="visibility:hidden;"> </a>
</div>
<div id="wb_bs4" style="position:absolute;left:0px;top:2984px;width:85px;height:85px;z-index:755;">
<a id="bs4" style="visibility:hidden;"> </a>
</div>
<div id="wb_bs6" style="position:absolute;left:3px;top:6143px;width:85px;height:85px;z-index:756;">
<a id="bs6" style="visibility:hidden;"> </a>
</div>
<div id="wb_bs7" style="position:absolute;left:0px;top:6713px;width:85px;height:85px;z-index:757;">
<a id="bs7" style="visibility:hidden;"> </a>
</div>
<div id="wb_bs8" style="position:absolute;left:0px;top:7372px;width:85px;height:85px;z-index:758;">
<a id="bs8" style="visibility:hidden;"> </a>
</div>
<div id="wb_bs9" style="position:absolute;left:0px;top:8586px;width:85px;height:85px;z-index:759;">
<a id="bs9" style="visibility:hidden;"> </a>
</div>
<div id="wb_bs10" style="position:absolute;left:0px;top:9129px;width:85px;height:85px;z-index: 10000;">
<a id="bs10" style="visibility:hidden;"> </a>
</div>
</div>
function highlightcurrent(items, index)
{
if(index != 2) // выходим из функции, если достигли определенного индекса
{
items.removeClass("highlightcurrent");
items.eq(index).addClass('highlight');
items.eq(index).addClass('highlightcurrent');
setTimeout(function()
{
highlightcurrent(items, index + 1)
}, 1000);
}
}
highlightcurrent($('.progress-page-tabs-col'), 0);
<a id="my_link" href="https://vk.com/durov" target="_blank" style="display: none;">
<img src="img/57d3d0a9e386c157136717cc.png" width="30px"/>
</a>
<input type = "button" onclick = "document.getElementById('my_link').style.display = 'inline';" value = "связаться со мной" />
<form action="?action=select_pay" method="POST">
<input type="hidden" name="pay_mode" value="20" />
<input type="submit" class="superbutton" value="Яндекс Деньги" />
</form>
<form action="?action=select_pay" method="POST">
<input type="hidden" name="pay_mode" value="10" />
<input type="submit" class="superbutton" value="Еще одна платежка" />
</form>
var anim_speed = 300; // пикселей в секунду
var anim_time = (top * 1000) / anim_speed; // 1000 - поправка на милисекунды
//анимируем переход на расстояние
$('body,html').animate({scrollTop: top}, anim_time);