Atom имеет встроенный селектор селектора окончания
Подробнее здесь: https://github.com/atom/line-ending-selector
Почему бы не использовать элемент управления ImageButton ?
Хотя вы можете «заменить» кнопку изображением, используя следующий CSS ...
.className {
background: url(http://sstatic.net/so/img/logo.png) no-repeat 0 0;
border: 0;
height: 61px;
width: 250px
}
... лучшее, что можно сделать здесь, это использовать элемент управления ImageButton, потому что он позволит вам использовать альтернативный текст (для доступности).
Я не знаю, правильно ли я понимаю, в чем проблема. Вы можете добавить изображение в кнопку ASP, но это зависит от того, как оно настроено и правильно ли оно вписывается. регулярное добавление фоновых изображений в кнопки asp дает вам изящную кнопку или фоновое изображение с наложением текста, поскольку в нем отсутствует тег изображения. например, изображение с надписью «ОТПРАВИТЬ ЗАПРОС».
Как простой способ сделать это, я использую файл «blankspace.gif» на своем веб-сайте. Это пустой GIF-файл размером 1x1 пикселя, и я изменяю его размер, чтобы заменить изображение на сайте.
Так как я не использую CSS для замены изображения, я использую CSS Sprites для уменьшения количества запросов. Мой веб-сайт изначально был размером 150 КБ для домашней страницы и имел около 140-150 запросов на загрузку домашней страницы. Создавая спрайт, я убил запросы, сжавшие размер изображения до доли размера, и он отлично работает, и в любой из областей, где вам нужен файл изображения для правильного размера, просто используйте то же самое изображение blankspace.gif.
<asp:ImageButton class="signup" ID="btn_newsletter" ImageUrl="~/xx/xx/blankspace.gif" Width="87px" Height="28px" runat="server" /
Если вы видите выше, класс загружает фоновое изображение в css, но это оставляет кнопку с текстом «submit Query» поверх нее, так как для этого нужно изображение, поэтому замена его на предварительно загруженное изображение означает, что вы избавились запроса и до сих пор изображение в CSS.
Готов.
.my_btn{
font-family:Arial;
font-size:10pt;
font-weight:normal;
height:30px;
line-height:30px;
width:98px;
border:0px;
background-image:url('../Images/menu_image.png');
cursor:pointer;
}
<asp:Button ID="clickme" runat="server" Text="Click" CssClass="my_btn" />
Предполагая, что класс Css - «изображение»:
input.image {
background: url(/i/bg.png) no-repeat top left;
width: /* img-width */;
height: /* img-height */
}
Если вы не знаете, какова ширина и высота изображения, вы можете установить это динамически с помощью javascript.
На самом деле я предпочитаю использовать элемент формы html button и сделать его runat=server. Элемент button может содержать другие элементы внутри себя. Вы даже можете добавить форматирование внутри него с помощью span'ов или strong'ов. Вот пример:
<button id="BtnSave" runat="server"><img src="Images/save.png" />Save</button>