Outlook Form: Adding dropdown list with HTML or CSS

Question

Outlook Form: Adding dropdown list with HTML or CSS

Elba 141

Hi all I am trying to add a dropdown list to the Email Body of an Outlook form. Earlier I tried to create the dropdown list by creating in MS Word and pasting into the Outlook. This did not work due to error messages.
I have been advised to use HTML. However the dropdown list is not rendered in Outlook. I found after researching that Outlook ignores some HTML commands including the "SELECT" statement. I then tried inline CSS. See the sample code below. This did not render either.

Does anyone have any thoughts on how I can add a dropdown to the Email Body or to an Email Template

!DOCTYPE html>
<html>
 
<head>
    <style>
        select {
            appearance: none;
            outline: 0;
            background: green;
            background-image: none;
            width: 100%;
            height: 100%;
            color: black;
            cursor: pointer;
            border: 1px solid black;
            border-radius: 3px;
        }
 
        .select {
            position: relative;
            display: block;
            width: 15em;
            height: 2em;
            line-height: 3;
            overflow: hidden;
            border-radius: .25em;
            padding-bottom: 10px;
        }
 
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <div class="select">
            <select name="slct" id="slct">
                <option>Computer Science Subjects</option>
                <option value="1">Operating System</option>
                <option value="2">Computer Networks</option>
                <option value="3">Data Structure</option>
                <option value="4">Algorithm</option>
                <option value="5">C programming</option>
                <option value="6">JAVA</option>
            </select>
        </div>
    </center>
</body>
 
</html>

1 answer

Your answer

Answer 1

Hi @Elba ,

Welcome to our forum!

Please kindly understand that the Outlook tag here we mainly focus on general issues about Outlook desktop client and know little about HTML/CSS. To better help solve your issue, it is recommended that you post a new thread with “Office-development “tag.

I did some searching and found that Outlook uses the HTML parsing and rendering engine from Microsoft Office Word to display HTML message bodies. Read more about supported and unsupported HTML elements, attributes, and cascading style sheets properties in the following series of articles: Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2) Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2)

As an alternative, you can create a drop-down list in Microsoft Word through the Developer tab, then copy the entire text into a blank email message and save that as an OFT template.

More information, see: Create text with a drop-down list in Word and Copy to Outlook

(Note: Since the web site is not hosted by Microsoft, the link may change without notice. Microsoft does not guarantee the accuracy of this information.)

Hope above can help you!

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Share via

Outlook Form: Adding dropdown list with HTML or CSS

1 answer

Your answer