Как мне отредактировать эту кнопку, чтобы текст в мобильной версии был короче?

{amp}lt;button class="btn btn-primary standard-button" type="button"{amp}gt; {amp}lt;span class="screen-reader-text"{amp}gt; Ribbon button label:Simply dummy text of the printing and typesetting {amp}lt;/span{amp}gt; simply dummy text of the printing and typesetting {amp}lt;/button{amp}gt; 

В мобильной версии я хочу что-то вроде:

 {amp}lt;button class="btn btn-primary standard-button" type="button"{amp}gt; {amp}lt;span class="screen-reader-text"{amp}gt; Ribbon button label:Simply dummy text of the printing and typesetting {amp}lt;/span{amp}gt; simply dummy {amp}lt;/button{amp}gt; 

Как я могу это сделать?

Благодарность

Вы можете изменить метку кнопки, используя jquery, как это

 $(document).ready(function() { btnResize(768 /* Mobile Viewport width */ ); /* change button label on resize */ $(window).resize(function() { btnResize(768); }) }) function btnResize(width) { if ($(window).width() {amp}lt; width) { // For button or any other html tag $("#ribbon-btn1").html('simply dummy'); // for input button $("#ribbon-btn2").attr('value', 'simply dummy'); } else { // For button tag $("#ribbon-btn1").html('Simply dummy text of the printing and typesettingsimply dummy text of the printing and typesetting'); // for input button $("#ribbon-btn2").attr('value', 'Simply dummy text of the printing and typesettingsimply dummy text of the printing and typesetting'); } } 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;button id="ribbon-btn1"{amp}gt; Simply dummy text of the printing and typesettingsimply dummy text of the printing and typesetting {amp}lt;/button{amp}gt; {amp}lt;input type="button" value="Simply dummy text of the printing and typesettingsimply dummy text of the printing and typesetting" id="ribbon-btn2"{amp}gt; 

Акбар Али

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Кодекс поведения

,