# Where can I select the followings in Visual Editor?

**URL:** <https://forum.pinegrow.com/t/where-can-i-select-the-followings-in-visual-editor/6459>\
**Category:** General\
**Created:** [April 4, 2022, 2:38am UTC](https://forum.pinegrow.com/t/where-can-i-select-the-followings-in-visual-editor/6459 "2022-04-04T02:38:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Post date:** [April 4, 2022, 2:38am UTC](https://forum.pinegrow.com/t/where-can-i-select-the-followings-in-visual-editor/6459/1 "2022-04-04T02:38:11Z")

</div>

Hi,

Where can I select the followings in Visual Editor?  
Or  
Do I have to type them?

\<\< the followings \>\>

```
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;

outline: hidden;

border: none;

```

I found the others in Visual Editor.

Thanks.

===============================================

.toggle {  
width: 62px;  
height: 32px;

```
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;

border-radius: 50px;

overflow: hidden;

outline: hidden;

border: none;

cursor: pointer;
background-color: #707070;
position: relative;
top: 50%;
transform: translateY(-74%);

```

}

---

<div class="post-metadata">

**Author:** ![fakesamgregory](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/fakesamgregory/32/3903_2.png) [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Post date:** [April 4, 2022, 8:42am UTC](https://forum.pinegrow.com/t/where-can-i-select-the-followings-in-visual-editor/6459/2 "2022-04-04T08:42:30Z")

</div>

With regards to the prefixes (`-webit-`, `-moz-`), a ‘hack’ in Pinegrow is to convert your CSS to SaSS and then your compiled CSS will contain relevant prefixes (Page \> Manage Stylesheets \> Use SCSS/Less).

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/21c026c2d9d35b5f0a853c4616b400acd1b25181.png)

Having said that, `appearance` is not available in the visual editor. You will need to add this yourself by manually writing the code. Same goes with `outline`.

`border: none;` is achieved in the editor by filling out all of the border properties and Pinegrow will combine the top, left, bottom and right border to an abbreviated version. `border: 0px none #000000`. Having selected the style as `none` will give you your `border: none`. You can shortcut this by filling out just one border side and selecting the little **=** button to duplicate this property to all the other border properties.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/cb746b96ae68ab10ded67f9740aa193e10453b43.png)

Once again, having said that, you may as well just type `border: none;` manually.

Not sure if the line of ==== is an addition to your post? but these are all simple to find (however a search box in the visual editor would be great @matjaz 😉)

Hope this helps

---

<div class="post-metadata">

**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Post date:** [April 5, 2022, 7:41am UTC](https://forum.pinegrow.com/t/where-can-i-select-the-followings-in-visual-editor/6459/3 "2022-04-05T07:41:05Z")

</div>

> [@fakesamgregory](#):
>
> Once again, having said that, you may as well just type `border: none;` manually.
> 
> Not sure if the line of ==== is an addition to your post? but these are all simple to find (however a search box in the visual editor would be great @matjaz 😉)
> 
> Hope this helps

==== =\> the whole source.

Thank you very much.