Сделать эффект свечения вокруг текстового поля, пока активен

Я написал следующую программу Java из любопытства, простой и понятной HTH. Спасибо.

/**
 *
 * @author sanhn
 */
public class CheckPalindrome {

    private static String max_string = "";

    public static void checkSubString(String s){
        System.out.println("Got string is "+s);
        for(int i=1;i<=s.length();i++){
            StringBuilder s1 = new StringBuilder(s.substring(0,i));
            StringBuilder s2 = new StringBuilder(s.substring(0,i));
            s2.reverse();
            if(s1.toString().equals(s2.toString())){
                if(max_string.length()<=s1.length()){
                    max_string = s1.toString();
                    System.out.println("tmp max is "+max_string);
                }

            }
        }
    }

    public static void main(String[] args){
        String s="HYTBCABADEFGHABCDEDCBAGHTFYW1234567887654321ZWETYGDE";

        for(int i=0; i<s.length(); i++)
            checkSubString(s.substring(i, s.length()));

        System.out.println("Max string is "+max_string);
    }
}
13
задан praveenjayapal 15 June 2009 в 14:20
поделиться

4 ответа

Хотя эффект, который вы наблюдаете в окне поиска stackoverflow, вероятно, зависит от браузера (например, Google Chrome), есть способ добиться того, что вы хотите, используя псевдо CSS : focus class:

#foo:focus { border: 2px solid red; }
<input id="foo" type="text"/>
12
ответ дан 1 December 2019 в 19:23
поделиться

При использовании начальной загрузки, можно использовать

class="form-control"
0
ответ дан 1 December 2019 в 19:23
поделиться

Свойство Outline

http://www.w3schools.com/css/pr_outline.asp

Если вы хотите, чтобы оно отображалось при нажатии на текстовое поле :

input:focus { outline: /* whatever */ }

IE7 не поддерживает селектор: focus, но вы можете использовать jQuery:

$("input").focus(function () {
     $(this).css('outline','yellow solid thin');
});
3
ответ дан 1 December 2019 в 19:23
поделиться

Очевидно, что структура не поддерживается IE7, и даже если бы это было так, я сомневаюсь, что она «светится». Вам нужно сделать это с помощью настраиваемого фонового изображения или чего-то подобного. Вот пример этого:

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_24084560.html

Кстати: вы говорите «цвет границы». Граница - это не контур. Вы можете просто использовать:

<input onfocus="this.style.border='2px solid yellow'">

Вы можете сделать это с помощью псевдокласса CSS: focus, но, скорее всего, IE6 / 7 не поддерживает его.

2
ответ дан 1 December 2019 в 19:23
поделиться