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: 
```js
const p = document.getElementById('text')

const styleMe = l => '<span class="styled">' + l + '</span>'

const newS = p.innerText.split(' ').map(w => w.split('').map((l,i) => (i === 0) ? styleMe(l) : l).join('')).join(' ')

p.innerHTML = newS
```

```css
.styled {
  color:red
}
```

```html
<p id="text">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.