Question: I want when click on `Edittext` show my dialog. but in my codes when click on `EditText`, first select `editText` and show **keyboard** so click second click on `editText` then show my **Dialog**!

I want when click on `editText` not select `edittext` and not show keyboard just show **dialog**!

**My xml code:**

```
    <android.support.design.widget.TextInputLayout
        android:id="@+id/registerCountryInptLay"
        style="@style/registerIptLytStyle"
        app:hintAnimationEnabled="true">

        <EditText
            android:id="@+id/registerCountryEdtTxt"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/loginCountry"
            android:inputType="text"
            android:paddingLeft="@dimen/padding10" />
    </android.support.design.widget.TextInputLayout>

```

I write below code for `editText` click event : 

```
@OnClick({R.id.registerCountryEdtTxt, R.id.registerCountryInptLay})
void selectCountry() {

    final CountryPicker picker = CountryPicker.newInstance("Select Country");  // dialog title
    picker.setListener(new CountryPickerListener() {
        @Override
        public void onSelectCountry(String name, String code, String dialCode, int flagDrawableResID) {
            // Implement your code here
            countryName = name;
            if (!countryName.isEmpty() && countryName != null) {
                countryList.setText(countryName);
            }
            picker.dismiss();
        }
    });
    picker.show(getSupportFragmentManager(), "COUNTRY_PICKER");
}

```

how can I it?

Answer: 
use with [`split(" ")`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split) for create the array form string and [`forEach()`](https://www.w3schools.com/jsref/jsref_forEach.asp) is iterate the each word. Then [`slice(0,1)`](https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0ahUKEwjNnJPq2NXTAhWIPI8KHbfwAr8QFggnMAE&url=https%3A%2F%2Fwww.w3schools.com%2Fjsref%2Fjsref_slice_string.asp&usg=AFQjCNGj4ZJADahkdFk8napkEOQPtZv_Lg&sig2=IiexVhx-aVyF9TxplqYZSA) the cut first letter of the word then append with `span` .And add the css effect with span 

```js
var str = $('p').text().split(" ");
$('p').empty();
str.forEach(function(a) {
  $('p').append('&nbsp;<span>' + a.slice(0, 1) + '</span>' + a.slice(1))
})
```

```css
p {
  font-size: 150%;
  color: #000000;
}

span {
  font-size: 200%;
  color: #ff0000;
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hello This Is The Title</p>
```
What you are looking for is a pseudo-element that doesn't exist. There is :first-letter and :first-line, but no :first-letter-every-word.

The easiest option would be to wrap the first letter of each word in a `<span>`. Another option would be to try a javascript solution.